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内 容 简 介 

本 书 以 Selenium 的 使 用 为 主线 ， 展 现 了 UI 自动 化 测试 的 各 种 实践 过 程 ， 引 导读 者 思考 如 何 基于 
Selenium 做 好 UI 自动 化 测试 。 示 例 代码 采用 Python 和 Java， 全 书 共 8 章 ， 第 1 章 分 析 讨论 了 自动 化 测 
试 的 意义 ， 旨 在 使 读者 对 自动 化 测试 有 一 个 较 明 确 的 认识 ; 第 2、3 章 详 细 介绍 了 Selenium IDE 的 命令 、 
Selenium WebDriver API、 不 同 Driver 对 象 以 及 工作 原理 ， 旨 在 使 读者 对 Selenium 有 深入 的 了 解 ; 第 4 
章 重点 通过 代码 演示 介绍 了 不 同类 型 的 测试 框架 第 5、6 章 是 拓宽 思路 ， 演 示 了 如 何 使 用 Selenium 
WebDriver 结合 JavaScript 代码 来 操作 HTML 5 页面 的 Web Storage. Canvas 对 象 ， 以 及 如 何 使 用 Appium 
处 理 原生 App 和 Web App 的 页 面 对 象 ， 第 7 章 着 重演 示 了 主流 BDD 框架 Cucumber-JVM、Lettuce、Behave 
的 应 用 ， 偏 实战 场景 ， 探 讨 了 BDD 实施 过 程 中 需要 考虑 的 种 种 问题 ; 第 8 章 介绍 了 测试 人 员 在 Jenkins 使 
过 程 中 的 必 备 知识 。 本 书 还 提供 了 所 有 示例 的 源码 与 素材 文件 供 读者 练习 使 用 ， 读 者 可 从 网 上 下 载 本 书 
资源 文件 。 

本 书 适 用 于 具有 编程 基础 ， 希 望 系统 地 了 解 UI 自动 化 测试 的 开发 或 测试 人 员 ， 以 及 对 自动 化 测试 感 
兴趣 的 计算 机 专业 学 生 等 。 
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推荐 序 一 


很 开心 看 到 子 腾 和 她 的 团队 的 新 书 即将 出 版 ， 子 腾 在 学 生 时 期 就 非常 勤奋 、 务 实 ， 
非常 爱 学 习 、 爱 钻研 问题 ， 给 我 留 下 了 非常 深刻 的 印象 。 


参加 工作 后 的 子 腾 在 测试 行业 工作 数 年 ， 积 累 了 丰富 的 经 验 ， 这 本 书 的 主角 
Selenium 就 是 她 非常 钟爱 的 软件 测试 工具 之 一 。 本 书 的 读者 覆盖 面 非常 宽泛 ， 你 可 以 没 
有 自动 化 测试 基础 ， 本 书 第 1 章 就 是 为 这 部 分 读者 准备 的 。 此 外 ， 这 一 章 还 对 几 个 常见 
且 容 易 混 淆 的 概念 进行 了 解释 ， 例 如 自动 化 是 否 就 是 白 盒 测试 、 自 动 化 和 手工 测试 的 比 
较 等 ， 通 过 一 些 生动 的 举例 ， 给 刚 从 事 测试 工作 的 读者 做 了 一 次 概念 普及 和 辨析 ， 非 常 
生动 、 清 楚 。 


有 了 开始 的 概念 铺垫 以 后 ,第 2 章 开始 导入 Selenium, 这 个 名 字 的 读音 是 [sa'li:niam]， 
是 中 文 “ 硒 ”的 意思 ， 它 是 一 套 基于 Web 浏览 器 自动 化 测试 的 框架 ， 本 章 假设 读者 需 
要 具备 一 些 Web 的 基本 概念 和 基础 知识 ， 并 至 少 了 解 一 门 编程 语言 ， 什 么 语言 并 不 重 
要 ， 思 想 是 相通 的 。 本 章 从 Selenium 的 历史 讲 起 ， 涵 盖 安 装 、 使 用 、 实 践 ， 并 穿插 讲述 
Selenium 框架 的 几 个 组 成 部 分 ， 建 议 认 真 阅读 本 章 内 容 ， 采 取 精 读 的 方式 ， 边 读 边 动手 
实践 ， 这 很 重要 ， 给 阅读 后 面 的 章节 打下 牢固 的 基础 。 通 过 学 习 第 2 章 的 内 容 ， 你 可 以 
掌握 Selenium 的 基本 使 用 方法 ， 可 以 在 自己 的 项 目 中 小 试 和 牛刀， 当然 这 并 不 够 ， 还 需要 
继续 阅读 。 


第 3 章 重 点 讲述 了 Selenium WebDriver， 它 是 Selenium 框架 的 核心 , 也 是 Selenium 
适用 广泛 测试 场景 的 基础 。 例 如 , 它 通 过 不 同 的 Driver 支 持 主流 的 浏览 器 (Firefox Opera, 
Safari, IE, Chrome 等 ) ， 也 支持 没有 图 形 界面 的 Headless 浏览 器 ， 掌 握 了 WebDriver， 
可 以 让 你 在 各 种 测试 场景 中 游刃有余 ， 磨 刀 不 误 砍 柴 工 ， 这 一 章 也 建议 认真 阅读 。 

第 5 章 和 第 6 章 对 HTML 5 和 移动 测试 进行 了 专题 介绍 , 这 也 切合 了 当下 的 技术 发 
展 情况 ，HTML 5 如 火 如 茶 ， 移 动 化 也 势不可挡 。 这 两 章 对 HTML 5 的 基础 知识 进行 了 
讲解 ， 还 需要 进一步 了 解 的 读者 可 以 自行 阅读 其 他 更 专业 的 书籍 。 移 动 测试 作者 讲 得 更 
加 细致 ， 介 绍 了 Appium 以 及 Appium 测试 环境 从 搭建 到 使 用 的 各 个 环节 ， 并 分 别 讲述 
了 如 何 测试 OS 和 Android 移动 应 用 ， 涵 盖 原 生 App 和 Web App 的 测试 ， 相 信 关 注 移 
动 App 测试 的 读者 会 收获 颇 多 。 
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在 第 7 章 ， 作 者 对 BDD (行为 驱动 测试 ) 进行 了 专题 讲解 ，BDD 更 加 注重 功能 和 
场景 。 本 章 介 绍 了 BDD 相关 的 工具 ， 并 介绍 了 如 何 进行 技术 选 型 ， 找 到 适合 自己 的 工 
具 。 有 了 合适 的 工具 ， 就 需要 学 习 如 何 实施 了 ， 本 章 的 后 半 部 分 重点 讲述 实际 工作 中 如 
何 使 用 BDD 工具 ， 这 部 分 内 容 读者 可 以 现 学 现 用 ， 直 接 用 到 当前 的 测试 工作 中 。 

本 书 的 最 后 ,作者 对 测试 之 后 的 工作 进行 了 延伸 ,讲述 了 开源 框架 Jenkins, 可 以 提 
团队 测试 效率 ， 建 议 测试 团队 的 leader 好 好 阅读 这 一 部 分 。 

本 书 的 风格 一 如 子 腾 的 性 格 一 一 严谨 、 务 实 ， 值 得 想 要 了 解 Selenium 测试 框架 、 
想 要 了 解 自动 化 测试 的 读者 认真 学 习 和 阅读 。 
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推荐 序 二 


我 和 子 腾 最 初 是 在 一 个 测试 群 里 认识 的 ， 可 谓 一 见 如 故 ， 然 后 我 们 就 经 常 就 测试 的 
各 种 问题 进行 讨论 ， 无 论 我 们 彼此 的 观点 是 否 相同 ， 都 讨论 得 很 尽兴 ， 有 一 种 “ 醋 畅 淋 
沉 ” 的 感觉 ， 不 知 不 觉 间 ， 我 们 成 了 一 对 挚友 。 后 来 ， 我 知道 子 腾 和 她 的 小 伙伴 们 准备 
出 书 ， 我 就 自然 而 然 地 成 了 “ 早 鸟 ”， 基 本 见证 了 此 书 从 提纲 到 初稿 ， 再 到 定稿 的 整个 
过 程 ， 也 见证 了 子 腾 和 她 的 小 伙伴 们 为 此 付出 的 巨大 的 心血 和 努力 。 


和 子 腾 聊 这 本 书 时 , 才 知 道 原来 她 在 2014 年 , 就 在 网 上 讲 过 Selenium 相关 的 课程 ， 
但 这 本 书 绝 不 是 之 前 网 课 的 文字 版 , 也 不 是 Selenium 的 使 用 说 明 书 , 而 是 她 多 年 自动 化 
测试 沉淀 下 来 的 经 验 ， 全 是 那些 从 网 上 找 不 到 的 内 容 。 也 许 本 书 并 不 能 帮 读 者 深入 细致 
地 去 了 解 Selenium 的 每 个 细节 , 但 本 书 能 教会 如 何 才能 做 好 自动 化 , 启发 我 们 在 做 自动 
化 时 , 除了 考虑 框架 、 技术 外 , 还 需要 考虑 些 什么 。 所 以 本 书 和 市 面 上 其 他 讲述 Selenium 
的 书 不 同 ， 除 了 基础 内 容 、WebDriver 外 ， 还 有 设计 模式 、BDD、Jenkins 持续 集成 等 能 
够 把 自动 化 在 产品 中 落地 ， 并 且 有 效用 起 来 的 内 容 。 

我 本 人 有 很 多 次 做 自动 化 的 失败 经 历 ， 就 是 现在 正在 做 的 自动 化 项 目 ， 也 是 在 志 起 
中 缓慢 进行 ， mon rr te uu 读 子 腾 的 
这 本 书 ， 从 第 一 章 开 始 ， 就 感到 很 接地 气 。 关 于 自动 化 的 老生 常 谈 ， 虽 是 “老生 ”， 但 
谈 的 都 是 那些 典型 、 RUE. 很 多 问题 ， 我 自己 也 曾经 困惑 过 ， 如 果 你 是 一 位 自动 
化 测试 或 者 软件 测试 的 新 手 ， 这 部 分 内 容 一 定 可 以 帮 你 解答 心中 的 疑惑 。 对 学 习 一 项 新 
技术 来 说 ， 最 好 的 方法 就 是 “使 用 ”。 读 者 只 需要 按照 Selenium 初 体验 中 的 描述 ，Step 
by Step， 就 可 以 快速 入 门 。WebDriver 是 掌握 Selenium 必须 要 理解 的 内 容 ， 本 书 也 花 了 
大 量 篇 幅 来 描述 相关 内 容 ， 这 部 分 内 容 也 是 我 最 喜欢 的 内 容 之 一 ， 写 得 非常 翔实 ， 按 照 
本 章 的 指引 和 演练 ， 读 者 应 该 可 以 写 出 基本 的 Web 自动 化 脚本 ， 完 成 部 分 自动 化 测试 
IET: 


很 多 介绍 Selenium 的 书 ， 到 这 里 可 能 就 结束 了 ， 但 自动 化 的 本 质 就 是 用 一 段 代码 
来 测试 另 一 段 代码 ， 自 动 化 脚本 稳定 可 靠 是 自动 化 测试 的 基本 ， 另 外 要 想 最 大 程度 地 发 
挥 自动 化 的 作用 ， 脚 本 就 要 尽 可 能 多 地 被 执行 ， 脚 本 的 可 移植 性 从 某 种 程度 上 来 说 ， 甚 
至 超越 了 产品 本 身 ， 所 以 好 的 自动 化 测试 一 定 是 需要 悉心 设计 的 。 设 计 模式 这 章 就 是 为 
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了 提高 自动 化 脚本 的 稳定 性 而 编写 的 。 除 此 之 外 ， 书 中 还 介绍 了 HTMLS 和 移动 App 的 
测试 ， 这 些 技术 在 当前 都 很 流行 ， 可 以 帮助 读者 丰富 自身 的 自动 化 测试 技术 ， 提 升 自动 
化 测试 实战 的 应 对 能 力 。 
事实 上 , 自动 化 测试 要 想 在 项 目 中 发 挥 好 作用 , 开发 模式 、 流 程 都 是 要 考虑 的 因素 ， 
特别 是 对 那些 使 用 敏捷 方法 论 的 项 目 来 说 ， 自 动 化 变 得 尤为 重要 ， 也 往往 是 测试 团队 的 
能 力 短 板 。 我 想 为 大 家 推荐 本 书 的 一 个 重要 原因 就 是 本 书 对 BDD、 持 续集 成 也 进行 了 
系统 深入 的 分 析 和 讨论 ， 这 也 是 本 书 的 一 大 特色 。 这 样 读者 就 可 以 把 自动 化 测试 做 到 敏 
捷 项 目 里 ， 让 自动 化 测试 能 够 发 挥 更 大 的 作用 。 

我 认识 很 多 优秀 的 测试 工程 师 ， 但 是 能 够 做 到 行文 流畅 简洁 ， 可 以 说 是 凤毛麟角 ， 
而 子 腾 就 是 其 中 之 一 。 阅读 本 书 , 你 一 点 也 不 会 感到 是 种 负担 , 有 一 种 妮 九 道 来 的 感觉 ， 
犹如 一 股 清泉 ,但 那 看 似 波澜 不 惊 的 表面 ， 隐 含 的 却 是 作者 独到 的 见解 和 切身 体会 ， 这 
也 正 是 子 腾 和 她 的 小 伙伴 们 始终 在 自动 化 测试 领域 孜孜 不 倦 研 究 的 结果 。 我 想 ， 对 所 有 
热爱 测试 和 渴望 技术 的 人 来 说 , 这 都 是 一 部 可 读 性 很 强 的 作品 。 阅读 它 , 定 会 收获 满 满 ， 
不 会 让 你 失望 。 











刘 琛 梅 
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写 一 本 关于 Selenium 自动 化 测试 的 工具 书 ， 一 开始 我 是 拒绝 的 。 直 到 现在 ， 我 仍 
然 认为 工具 书 不 足以 道 尽 测试 的 奥妙 。 学 习 Selenium 最 好 的 途径 是 哨 官方 文档 和 源码 ， 
从 最 开始 的 Selenium RC 到 WebDriver， 再 到 移动 测试 Appium，Selenium 一 直 在 快速 、 
持续 地 发 展 和 变化 着 。 等 读者 看 到 这 本 书 的 时 候 ， 很 可 能 某 些 问题 已 经 有 了 更 好 的 解决 
方案 ， 或 者 书 中 的 代码 已 经 不 能 直接 运行 。 

而 最 终 ， 我 还 是 动笔 了 。 因 为 我 还 有 另 一 个 观点 : “自动 化 测试 ”不 是 某 一 家 公司 
或 者 团队 组 织 需要 考虑 的 问题 ， 它 应 该 是 测试 同行 们 的 必 经 之 路 ， 是 日 常 测试 工作 的 手 
段 之 一 。 而 初学 者 在 一 开始 难免 会 有 引 难 情绪 ， 又 不 知 如 何 构建 知识 体系 。 于 是 ， 将 所 
思 所 得 分 享 出 来 ， 或 许可 以 帮助 初学 者 尽快 地 度 过 那 段 “ 破 冰期 ”。 


本 书 的 组 织 方式 


市 面 上 Selenium 的 资料 很 多 ， 谈 论 测 试 自动 化 的 也 很 多 。 但 脱离 了 工具 和 技术 ， 
去 谈 方 法 论 ， 难 免 让 人 觉得 空洞 ;而 没有 方法 论 的 东西 ， 只 谈 工 具 和 技术 ， 难 免 是 “一 
叶 障 目 ， 不 见 泰山 ”本 书 尝 试 在 梳理 技术 知识 的 同时 ， 讨 论 测试 自动 化 的 方法 论 。 

第 1 章 主 要 探讨 测试 价值 观 ， 阅 述 编者 对 自动 化 测试 的 基本 观点 和 认识 。 

第 2 章 是 Selenium 入 门 内 容 ,介绍 了 Selenium 的 发 展 ,涉及 Selenium IDE, Selenium 
WebDriver 和 Selenium Grid 。 

第 3 章 重 点 介绍 了 Selenium WebDriver 的 使 用 。 不 是 简单 罗列 Selenium WebDriver 
API， 还 包括 不 同 WebDriver 对 象 、 不 同 页 面 元 素 的 处 理 思路 。 

第 4 章 介绍 了 自动 化 测试 框架 的 设计 ， 包 括 线性 、 模 块 化 、 数 据 驱动 和 关键 字 框架 
4 种 类 型 。 

第 5 章 介 绍 了 HTML 5 元 素 的 处 理 。Selenium 还 未 对 某 些 HTML 5 元 素 的 操作 进行 
封装 ， 因 而 需要 利用 JavaScript 来 解决 问题 。 读 者 将 在 这 一 章 开 拓 视 角 ， 了 解 更 多 的 


Selenium 应 用 场景 。 
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第 6 章 介绍 了 移动 App 的 测试 框架 一 一 Appium。 基 于 前 面 几 章 对 Selenium 原理 与 
操作 的 了 解 ， 读 者 会 在 这 一 章 了 解 iOS 与 Android App 自动 化 测试 脚本 的 写法 。 

第 7 章 介 绍 了 行为 驱动 开发 BDD) 模式 。 通 过 这 一 章 ， 希 望 读者 能 体会 到 做 好 自 
动 化 测试 不 仅 在 于 工具 的 掌握 和 框架 的 使 用 ， 还 需要 考虑 测试 用 例 的 管理 、 手 动 测试 用 
例如 何 与 自动 化 脚本 关联 ， 甚 至 与 业务 部 门 的 沟通 等 问题 ， 其 中 几 个 BDD 框架 的 示例 
为 读者 提供 了 解决 问题 的 思路 。 

第 8 章 介绍 了 持续 集成 工具 Jenkins 的 使 用 ， 希 望 通过 这 一 章 能 为 读者 带 来 测试 流 
程 方面 的 思考 。Jenkins 可 以 让 测试 脚本 的 执行 、 报 告 的 展示 变 得 简单 高 效 。 


本 书 的 内 容 均 是 由 Ping++ 的 一 线 测试 人 员 编 写 的 。 第 2 章 由 王 红 兴 、 周 森森 编写 ， 
第 4 章 由 徐 克 亮 编写 ， 其 余 章 节 由 吴 子 腾 编 写 。 





本 书 的 特色 


本 书 的 特色 主要 体现 在 以 下 3 个 方面 : 

第 一 , 在 理论 观点 上 , 本 书 在 开篇 就 阐明 了 编者 对 于 “质量 与 自动 化 测试 的 关系 ”， 
“自动 化 测试 与 白 盒 测试 的 关系 ”等 话题 的 理解 。 其 实 Selenium 等 各 种 自动 化 测试 工 
具 上 手 并 不 难 ， 但 相信 读者 在 阅读 过 程 中 并 不 仅仅 只 是 想 了 解 一 种 工具 ， 而 是 想 获 得 如 
何 实施 自动 化 测试 的 思路 。 正 所 谓 ， 测 试 技术 或 工具 只 是 “ 指 月 之 手 ”， 我 们 追求 的 是 
“月 亮 ”， 是 如 何 放心 地 迭代 ， 快 速 地 交付 高 品质 的 产品 。 

第 二 ， 在 学 习 视角 上 ， 本 书 从 Selenium 工作 原理 、 测 试 脚本 的 组 织 方式 开始 
讲解 ， 再 由 Web 自动 化 脚本 的 编写 延伸 到 HTML 5 元 素 、App 测试 对 象 的 识别 等 。 章 
节 的 内 容 设置 与 当今 企业 ， 尤 其 是 互联 网 公司 所 需 的 Ul 自动 化 测试 技术 环 环 相 扣 ， 归 
纳 总 结 了 可 能 遇 到 的 难点 以 及 解决 问题 的 思路 。 

第 三 ， 在 技术 实施 上 ， 突 出 了 需要 向 团队 传播 质量 意识 与 测试 自动 化 实践 相 结合 。 
本 书 介绍 的 行为 驱动 开发 BDD) 与 持续 集成 工具 Jenkins 都 是 需要 团结 整个 研发 团队 ， 
甚至 是 相关 的 业务 部 门 ， 才 能 将 这 些 理念 发 挥 至 最 佳 。 当 然 ， 即 便 这 些 概 念 在 组 织 推进 
过 程 中 存在 困难 ， 测 试 人 员 也 可 以 通过 了 解 这 些 工 具 和 技术 ， 对 研发 过 程 改 进 这 一 话题 
进行 更 加 深入 的 思考 。 

考虑 到 本 书 的 目标 和 定位 ， 对 于 没有 掌握 任何 一 门 编程 语言 的 读者 而 言 ， 或 许 会 造 
成 阅读 门槛 。 另 外 ， 本 书 涉及 多 类 界面 对 象 的 识别 和 操作 、 多 种 测试 脚本 的 写法 、 多 个 
测试 框架 的 使 用 。 然 而 在 实际 工作 中 ， 界 面 操作 的 自动 化 仅仅 是 分 层 测试 策略 中 的 一 部 
分 ， 并 不 能 代表 全 部 的 自动 化 工作 。 但 为 了 便于 从 整体 上 把 握 和 安排 内 容 ， 编 者 还 是 以 
Web 测试 自动 化 作为 本 书 的 主要 架构 。 这 样 ， 相 比 单一 地 通过 某 个 系统 或 产品 来 整体 介 














绍 自动 化 测试 方面 的 研究 ， 书 中 各 章节 的 内 容 显得 在 体系 性 上 有 所 欠缺。 
目标 读者 


本 书 主要 面向 的 读者 是 具备 编程 基础 ， 缺 乏 自 动 化 测试 经 验 ， 希 望 快速 、 系 统 地 了 
fif Selenium， 从 而 进一步 做 好 UT 测试 自动 化 的 工程 师 。 本 书 不 仅 是 为 测试 人 员 而 写 的 ， 
它 还 适用 于 对 软件 测试 有 兴趣 的 在 读 大 学 生 以 及 希望 了 解 测试 技术 的 开发 人 员 。 

全 书 综合 了 Selenium 实践 过 程 中 的 方方面面 ， 涉 及 脚本 编写 、 框 架 选 型 、 开 发 模 
式 等 各 个 领域 的 讨论 。 虽然 示例 代码 分 为 Java 与 Python 两 种 语言 ,但 并 不 会 影响 阅读 ， 
书 中 对 示例 代码 进行 了 详尽 的 文字 解读 。Python 代码 适用 于 2.7.10 版 本 。 代 码 下 载 链 
dE: https://github.com/applewu/selenium-exercises.git。 





如 何 阅 读本 书 


本 书 的 前 3 章 是 全 书 内 容 的 基础 ， 需 要 首先 阅读 。 在 掌握 了 前 3 章 之 后 ， 读 者 可 以 
按照 任意 顺序 阅读 后 续 章节 。 既 可 以 顺序 浏览 ， 概观 Selenium 自动 化 测试 实践 ， 也 可 以 
选择 性 地 阅读 自己 感 兴趣 的 章节 。 

我 们 学 习 任 何 测试 工具 的 最 终 目的 不 在 于 掌握 工具 , 而 在 于 如 何 利用 工具 更 好 地 为 
自动 化 测试 服务 。 自动 化 测试 也 只 是 产品 质量 工作 中 的 一 部 分 。 因 此 , 不 要 沉迷 于 “ 术 ”， 
而 忘却 了 “ 道 ”。 在 阅读 过 程 中 ,读者 一 方面 需要 积极 实践 ， 掌 握 测 试 脚本 的 编写 方法 ， 
另 一 方面 需要 积极 思考 ， 如 何在 自己 所 在 的 工作 中 合理 应 用 起 来 。 练 习 与 反思 ， 才 能 将 
本 书 的 效果 发 挥 至 极致 。 


勘误 和 支持 


由 于 水 平 有 限 ， 书 中 难免 会 出 现 一 些 错误 或 者 不 准确 的 地 方 ， 垦 请 读者 批评 指正 。 
在 阅读 过 程 中 遇 到 任何 问题 或 错误 ， 欢 迎 发 送 邮件 至 邮箱 test4greenbar@163.com ， 期 
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自动 化 测试 的 价值 观 


在 行业 迅速 发 展 的 今天 ,编写 功能 测试 自动 化 脚本 正 逐 渐 成 为 测试 人 员 必 不 可 少 的 
技能 之 一 。 然 而 ， 对 于 自动 化 测试 在 项 目 或 团队 中 的 实施 ， 仍 有 不 少 人 存在 误解 ， 投 入 
了 大 量 时 间 和 精力 ， 结 果 却 事倍功半 。 

作为 全 书 的 开篇 ， 本 章 先 围绕 几 个 常见 话题 ， 结 合 项 目 实践 过 程 中 的 所 思 记 得 阐明 
测试 价值 观 。 


1.1 自动 化 测试 与 产品 质量 的 关系 


测试 人 员 思 考 最 多 的 问题 恐怕 就 是 如 何 才能 发 现 更 多 更 有 价值 的 Bugs， 如 何 才 能 
更 好 地 避免 产品 质量 上 的 风险 。 谈 到 自动 化 测试 这 个 话题 ， 出 于 职业 本 能 ， 人 们 往往 会 
第 一 时 间 想 到 : 自动 化 测试 如 何 保证 产品 质量 ? 

别 着 急 ， 在 提供 结论 之 前 ， 需 要 有 追 本 溯源 的 过 程 。 面 对 这 样 的 问题 ， 先 想 想 看 : 
测试 如 何 保证 产品 质量 ? 

对 于 测试 与 质量 问题 的 关系 存在 两 种 极端 认识 : 一 种 是 “测试 无 用 论 ”， 认 为 开发 
人 员 就 可 以 搞定 所 有 测试 工作 ， 不 需要 专业 测试 人 员 ; 另 一 种 认为 “ 待 测 产 品 的 所 有 问 
题 都 应 该 被 测试 人 员 发 现 ”。 

对 持 有 这 两 种 观点 的 人 ， 笔 者 都 不 能 苟同 。 我 们 可 以 把 测试 人 员 比 作 医生 ， 拿 医生 
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治 病 来 举例 。 第 一 种 人 和 否定 测试 人 员 的 价值 ， 好 比 此 人 只 是 小 病 小 疼 ， 自 己 吃 点 药 就 搞 
定 了 ， 不 需要 看 医生 ; 又 或 者 这 人 接触 过 的 大 多 是 庸 医 ， 根 本 没有 提供 过 有 效 的 帮助 ， 
以 至 于 他 对 医生 失去 信心 。 第 二 种 人 把 产品 质量 的 全 部 责任 都 压 在 测试 人 员 头 上 ， 好 比 
他 以 为 医生 是 万 能 的 ， 能 发 现 他 身上 所 有 的 问题 。 
正 因为 没有 放 之 四 海 而 皆 准 的 测试 ， 测 试 人 员 本 身 也 面临 不 少 误解 ,那么 对 于 “ 自 
动 化 测试 如 何 保证 产品 质量 ”这 种 问题 就 更 要 留 个 心眼 。 笔 者 非常 认同 Cem Kaner 教 
授 的 观点 ， “软件 测 试 是 一 种 技术 调查 ， 目 的 是 向 相关 干系 人 提供 产品 相关 质量 的 实验 
信息 ” (http://testingeducation.org/wordpress/) 。 测 试 人 员 不 是 “质量 卫士 ”， 测 试 既 不 
会 提高 质量 ， 也 不 会 降低 质量 。 尽 管 有 不 少 公 司 会 把 测试 人 员 称 为 QA (Quality 
Assurance) ， 直 译 就 是 “质量 保证 ”， 但 质量 是 构建 出 来 的 ， 不 是 测试 人 员 测 出 来 的 。 
因此 ， 测 试 人 员 不 能 保证 产品 质量 ， 质 量 保证 应 当 来 源 于 整个 产品 团队 。 

既然 通过 测试 不 能 保证 质量 ， 靠 自动 化 测试 更 无 法 保证 。 

综 上 所 述 ， 关 于 自动 化 测试 保证 产品 质量 的 说 法 ， 本 身 就 是 个 伪 命 题 。 

那么 ， 应 该 如 何 看 待 自动 化 测试 与 质量 的 关系 ? 

Cem Kaner 的 观点 给 了 我 们 不 少 启发 , 笔者 认为 测试 是 一 项 服务 性 的 工作 , 测试 人 
员 在 经 过 一 系列 信息 收集 、 技 术 调查 后 ， 应 当 对 产品 提供 质量 反馈 。 而 合理 有 效 的 自动 
化 测试 能 够 快速 获得 反馈 ， 从 而 帮助 产品 快速 欠 代 。 这 正 是 自动 化 测试 的 价值 所 在 。 

本 书 在 介绍 测试 技术 之 余 , 还 在 第 7 章 介 绍 了 BDD 方法 , 第 8 章 介 绍 了 Jenkins 使 
用 的 知识 , 意 在 强调 只 有 团队 协作 才能 让 自动 化 测试 的 价值 最 大 化 。 至 于 如 何 保证 质量 ， 
则 属于 “质量 管理 ”这 一 领域 的 内 容 , 涉及 质量 目标 的 制定 和 指标 框架 的 搭建 等 方法 论 ， 
这 里 就 不 展开 讨论 了 。 
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网 上 有 不 少 介绍 白 盒 测 试 ， 分 享 白 盒 测试 工具 的 文章 。 阅 读 之 后 会 发 现 ， 那 些 并 不 
是 白 盒 测试 范畴 的 内 容 ， 只 是 某 种 黑 盒 测 试 的 自动 化 工具 用 到 了 一 些 编程 技术 罢了 。 当 
大 量 这 类 文章 充斥 着 我 们 的 视野 ， 不 少 测试 同行 会 心 生 疑惑 : 自动 化 就 是 白 盒 测 试 吗 ? 
让 我 们 先 通过 维基 百科 上 的 介绍 来 梳理 一 下 “ 黑 盒 测 试 ” 与 “ 白 盒 测试 ”的 概念 。 





“ 黑 盒 测试 ， 软 件 测 试 的 主要 方法 之 一 ， 也 可 以 称 为 功能 测试 、 数 据 驱 动 测试 或 基 
于 规格 说 明 的 测试 。 测 试 者 不 了 解 程序 的 内 部 情况 ， 不 需 具备 应 用 程序 的 代码 、 内 部 结 
构 和 编程 语言 的 专门 知识 ， 只 知道 程序 的 输入 、 输 出 和 系统 的 功能 ， 这 是 从 用 户 的 角度 
针对 软件 界面 、 功 能 及 外 部 结构 进行 测试 ， 而 不 考虑 程序 内 部 逻辑 结构 。 测 试 案例 是 依 
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应 用 系统 应 该 实现 的 功能 ， 照 规范 、 规 格 或 要 求 等 设计 的 。 测 试 者 选择 有 效 输 入 和 无 效 
输入 来 验证 是 否 正确 地 输出 。 此 测试 方法 适用 于 大 部 分 的 软件 测试 ， 如 集成 测试 
(integration testing) 和 系统 测试 ( system testing) 。” 

“和 白 盒 测试 ( white-box testing) 又 称 透明 盒 测试 (glass box testing) 、 结 构 测试 
(structural testing) 、 逻 辑 驱 动 测试 或 基于 程序 本 身 的 测试 等 ， 软 件 测 试 的 主要 方法 之 
一 。 测 试 应 用 程序 的 内 部 结构 或 运作 ， 而 不 是 测试 应 用 程序 的 功能 ( 即 黑 盒 测试 ) 。 在 
进行 白 盒 测试 时 ， 以 编程 语言 的 角度 来 设计 测试 案例 。 测 试 者 输入 数据 ， 验 证 数据 流 在 
程序 中 的 流动 路 径 ， 并 确定 适当 的 输出 ， 类 似 测试 电路 中 的 节点 。 测 试 者 了 解 待 测试 程 
序 的 内 部 结构 、 算 法 等 信息 ， 这 是 从 程序 设计 者 的 角度 对 程序 进行 的 测试 。” 


通过 上 述 内 容 可 以 看 出 ,自动 化 测试 与 白 盒 测试 没有 必然 联系 ,它们 是 不 同 维度 的 
概念 。 是 否 是 白 盒 测 试 ， 要 看 在 设计 测试 用 例 、 准 备 测试 数据 的 过 程 中 ， 是 否 考虑 了 待 
测 程序 的 代码 实现 逻辑 。 如 果 仅 凭 待 测 程序 的 输入 输出 进行 测试 ， 不 关心 程序 的 实现 细 
节 ， 那 就 是 黑 盒 测 试 ， 与 你 选择 了 哪 种 自动 化 测试 工具 ， 使 用 了 哪 种 框架 进行 测试 一 点 
关系 也 没有 。 

举 个 例子 ， 不 少 购物 应 用 在 最 后 结算 时 都 会 根据 当前 优惠 活动 对 订单 自动 减 价 。 这 
是 一 个 很 常见 的 功能 ， 买 了 100 元 钱 ， 活 动 优惠 了 20 元 ， 最 后 付款 80 元 。 对 于 这 种 金 
额 计算 的 测试 ， 你 或 许 不 用 了 解 开发 程序 的 实现 细节 ， 脑 子 里 就 已 经 浮现 出 N 个 测试 
用 例 了 。 整 数 金额 、 浮 点 型 金额 、 正 常 值 、 等 价 类 、 边 界 值 、 优 惠 金 额 比 订单 金额 大 、 
正 交 表 、 并 发 测试 ， 你 的 想法 越 来 越 多 。 按 照 这 种 思路 整理 出 多 个 测试 场景 ， 把 不 同 的 
输入 值 和 期 望 结果 整理 为 测试 用 例 。 为 了 提高 下 一 个 版 本 的 测试 效率 ， 你 写 了 脚本 ， 不 
再 需要 通过 手动 配置 应 用 的 后 台 金 额 来 进行 测试 , 你 的 脚本 也 对 期 望 结果 做 了 充足 的 验 
证 。 于是， 测试 脚本 把 你 从 手动 执行 的 烦琐 工作 中 解脱 出 来 ， 之 后 的 回归 测试 还 因此 发 
现 了 几 个 Bugs. 

当 你 看 着 测试 脚本 ,满怀 成 就 感 ， 嘴 角 微 微 上 扬 的 时 候 ， 你 应 该 意识 到 ， 这 只 是 做 
了 黑 盒 测试 自动 化 。 无 论 你 的 测试 脚本 写 得 多 优雅 ， 此 时 的 待 测 程序 对 你 而 言 ， 还 是 一 
个 黑 盒 子 ， 测 试 的 出 发 点 并 没有 考虑 “盒子 ”的 内 部 结构 。 

你 不 满足 现 有 的 测试 用 例 ， 开 始 研究 开发 代码 ， 试 图 了 解 中 间 数 据 的 存储 、 计 算 方 
式 。 发 现 页 面 上 显示 的 金额 是 浮 点 型 , 单位 是 “元 ”, 数据 库 中 存储 了 整 型 , 单位 是 “分 ”。 
Python 代码 大 概 是 这 样 的 : 

# original_price 页 面 上 显示 的 原 订 单 金额 

# discount 数据 库 中 存储 可 优惠 的 金额 

original price db =original_price*100 

final price = original price db - discount 

print(final price) 
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是 不 是 很 简单 ? 但 如 果 你 有 浮 点 型 数据 的 处 理 经 验 ， 你 会 看 出 其 中 的 猫腻 。 
让 我 们 针对 上 述 逻辑 整理 出 两 个 用 例 ， 做 一 个 小 实验 ， 如 表 1-1 所 示 。 
表 1-1 两 个 用 例 说 明 
用 例 编号 场景 说 明 
Test-1 original_price = 69.10 
discount = 6910 








Test-2 original_price = 10.5 
discount = 1050 

再 把 上 述 代码 写 到 test.py 文件 中 ， 观 察 脚 本 执行 的 结果 。 如 图 1-1 所 示 ， 当 金额 为 
69.10 元 时 ， 若 订单 金额 全 免 ， 则 最 终 订 单价 格 不 是 零 。 正 确 做 法 应 该 如 图 1-2 所 示 。 








图 1-1 错误 的 计算 语句 图 1-2 正确 的 计算 语句 


这 个 例子 或 许 不 太 恰当 , 合格 的 开发 人 员 不 会 犯 这 种 低级 错误 , 但 笔者 想 强调 的 是 ， 
你 要 意识 到 测试 数据 不 充分 ， 开始 针对 代码 逻辑 设计 测试 用 例 。 在 这 一 过 程 中 ， 你 的 测 
试 方法 和 策略 都 是 围绕 着 待 测 程序 的 内 部 逻辑 展开 的 ， 所 以 你 做 的 是 白 盒 测试 。 

请 不 要 把 测试 自动 化 与 白 盒 测试 等 同 起 来 ， 它 们 既 不 是 对 等 也 不 是 对 立 的 关系 。 
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在 求职 网 站 上 搜索 软件 测试 的 职位 ， 同 一 个 业务 领域 ， 同 样 的 从 业 年 限 ， 自 动 化 测 
试 的 薪酬 普遍 会 比 手工 测试 高 。 不 少 求职 者 在 面试 的 时 候 告诉 笔者 ， 他 的 职业 规划 是 做 
一 两 年 手工 测试 ， 之 后 转 做 自动 化 测试 ， 又 或 者 ， 面 试 者 会 告诉 笔者 ， 他 不 想 做 手工 测 
试 ， 只 想 做 自动 化 测试 。 
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UL EPIRI, BRM AMR LUI RR. MBA, AIRTER 
测试 “高 大 上 ” 吗 ? 

手工 测试 完全 依赖 人 工 ， 由 人 去 做 一 系列 的 输入 、 点 击 操作 ; 而 自动 化 测试 则 是 通 
过 测试 脚本 ， 由 代码 逻辑 控制 测试 步骤 。 自 动 化 测试 和 手工 测试 本 质 上 是 测试 用 例 在 执 
行 过 程 中 两 种 不 同 的 类 型 。 既然 它们 的 核心 都 是 基于 业务 的 测试 用 例 , 或 者 说 测试 场景 ， 
那么 测试 人 员 在 编写 用 例 的 过 程 中 就 不 应 该 受到 “这 是 自动 化 还 是 手工 ”之 类 的 束缚 。 

前 文 提 到 “测试 脚本 把 你 从 手动 执行 的 烦琐 工作 中 解脱 出 来 “但 我 们 并 不 能 把 “ Fl 
动 化 测试 ”的 效果 完全 等 同 于 “手动 测试 的 自动 化 执行 ”。 因 为 在 手动 测试 过 程 中 ， 测 
试 人 员 往 往 会 突然 冒 出 灵感 ， 想 出 一 些 新 的 用 例 ， 也 可 能 留意 到 之 前 没有 注意 到 的 细节 
问题 。 而 自动 化 测试 的 检查 点 是 固定 的 ， 这 种 局 限 性 意味 着 相同 的 用 例 ， 手 工 执行 发 现 
的 Bugs 往往 比 测试 脚本 发 现 的 Bugs 多 。 换 而 言 之 ， 对 于 稳定 的 功能 场景 ， 由 于 测试 
步骤 和 检查 点 都 已 经 固化 了 ， 我 们 可 以 考虑 自动 化 。 这 样 一 来 ， 如 果 程 序 改动 影响 了 之 
前 的 功能 逻辑 ， 就 可 以 在 自动 化 脚本 的 运行 结果 中 直接 反映 出 来 ， 而 对 于 不 稳定 的 、 仍 
在 迭代 过 程 中 的 功能 ， 我 们 通过 手工 的 方式 ， 利 用 探索 性 测试 的 思维 ， 可 以 快速 展开 测 
试 活动 ， 这 会 比 准备 测试 脚本 更 为 高 效 。 

无 论 是 手工 还 是 自动 化 ， 都 需要 结合 业务 场景 来 制定 相应 的 测试 策略 。 对 自动 化 和 
手工 测试 的 误解 容易 造成 两 种 极端 。 一 种 极端 是 认为 自动 化 的 时 间 成 本 和 学 习 成 本 太 
高 ， 迟 迟 不 启动 自动 化 。 另 一 种 极端 是 言 目 追 求 自动 化 测试 覆盖 率 ， 强 求 100% 的 自动 
化 。 这 两 种 极端 都 会 给 测试 人 员 造 成 极 大 的 痛苦 。 

诚然 ， 自 动 化 测试 比 手 工 测试 在 前 期 花费 的 时 间 要 多 得 多 ， 没 有 捷径 可 言 。 但 在 测 
试 工具 和 技术 高 速 发 展 的 今天 ， 如 果 团 队 由 于 时 间 和 学 习 成 本 而 放弃 自动 化 ， 这 种 团队 
应 该 远离 。 因 为 它 没有 考虑 测试 人 员 的 成 长 曲线 ， 多 半 也 会 在 开发 延期 的 情况 下 ， 为 了 
保证 按时 上 线 而 压缩 测试 时 间 ， 最 后 把 上 线 压力 都 抛 给 测试 人 员 。 这 也 正好 解释 了 不 少 
同行 离职 的 原因 ， 是 想 尝试 自动 化 实践 ， 而 团队 没有 成 长 空间 。 
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在 讨论 这 一 话题 之 前 ， 我 们 先 来 看 看 两 名 测试 人 员 的 故事 。 

小 简 和 小 琪 是 同一 个 测试 团队 的 成 员 ， 他 们 各 自负 责 某 个 产品 模块 的 测试 。 日 常 工 
作 包 括 理解 与 确认 需求 、 准 备 测试 用 例 、 执 行 测试 、 提 交 和 复 测 Bugs 等 。 随 着 业务 的 发 
展 ， 小 简 觉 得 工作 量 越 来 越 大 ， 压 得 他 喘 不 过 气 来 ， 而 小 琪 仿佛 游 九 有余， 工作 效率 明显 
高 于 小 简 ， 还 发 现 了 一 些 容易 忽略 的 回归 测试 过 程 中 的 Bugs。 小 简 很 苦恼 ， 自 己 已 经 非 
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常 认 真 了 ， 为 什么 有 些 问题 还 是 容易 漏 掉 ， 没 发 现 呢 ? 小 琪 的 高 效 到 底 高 明 在 何 处 ? 
于 是 ， 小 简 带 着 满心 困惑 去 “取经 ”。 两 人 展开 以 下 对 话 。 


小 简 : “小 琪 ， 上 次 那 几 个 bugs 你 是 怎么 发 现 的 ? 开发 又 没 说 他 们 动 了 那儿 个 地 
方 ， 你 怎么 连 这 么 小 的 细节 都 留意 到 了 呀 ? ” 

小 琪 : “哈哈 ， 其 实 不 是 我 留意 到 了 ， 是 我 的 脚本 帮助 我 发 现 了 那里 的 问题 。” 

小 简 : “ 噢 ? 什么 脚本 ? ” 

ASH: “我 最 近 在 学 一 个 叫 Selenium 的 自动 化 测试 框架 。 咱 们 在 浏览 器 页 面 上 做 
的 那些 操作 都 可 以 用 脚本 来 实现 的 。 有 几 个 重要 的 功能 ， 咱 们 不 是 每 次 上 线 之 前 都 要 做 
回归 测试 吗 ? 我 就 干脆 用 脚本 实现 了 ， 要 测 的 时 候 先 跑 跑 脚本 。 上 次 那 几 个 bugs， 是 
因为 我 的 脚本 里 正好 有 那 几 个 检查 点 ， 脚 本 报错 了 ， 我 才 注意 到 那个 页 面 有 点 问题 。” 

小 简 : “ 噢 ， 原 来 如 此 ， 既 然 这 脚本 这 么 好 用 ， 你 就 分 享 出 来 ， 让 大 伙 儿 都 用 起 来 呐 。” 

小 琪 : “以 后 会 分 享 的 ， 现 在 还 不 是 时 候 呢 。 现 在 只 是 零碎 的 脚本 ， 我 想 拱 个 框架 
出 来 再 分 享 。 有 了 框架 ， 也 方便 大 家 去 补充 和 维护 用 例 了 。” 

小 简 : “好 的 ， 太 期 待 了 ! 我 也 得 学 学 Selenium， 好 多 在 页 面 上 点 击 的 活 儿 就 不 用 
那么 费劲 了 。 不 过 平时 那么 忙 ， 你 是 怎么 挤 时 间 学 的 呀 ? ” 

小 琪 : “我 最 近 不 怎么 看 剧 、 打 游戏 了 ， 反 正 想 学 总 能 挤 出 时 间 。 其 实 你 有 编程 基 
fili, Selenium 上 手 挺 容易 的 ， 只 是 用 到 咱们 项 目 里 还 有 一 堆 问题 要 考虑 。 咱 们 以 后 多 多 
交流 吧 ! ” 


就 这 样 ， 小 简 从 小 琪 那里 听 说 了 Selenium 这 门 利器 ， 开 始 了 自动 化 测试 的 学 习 之 路 。 

故事 讲 完了 ， 不 知道 上 面 的 对 话 是 否 唤起 了 你 的 共鸣 ? 执行 测试 是 一 个 迭代 的 过 
程 ， 充 满 了 重复 烦琐 的 劳动 。 反 复 地 操作 ， 反 复 地 确认 ， 对 于 喜欢 挑战 未 知 的 人 而 言 
这 样 的 工作 是 在 透支 工作 激情 。 从 另 一 个 角度 来 说 ， 大 量 反复 确认 的 工作 往往 会 带 来 很 
强 的 疲劳 感 ， 容 易 熟 视 无 睹 ， 就 这 样 放 过 了 Bugs。 如 何 跳出 这 种 “温水 者 青蛙 ”的 局 
面 ? 显然 应 当 减 少 重复 劳动 ， 提 高 测试 执行 的 效率 ， 节 省 时 间 去 做 更 有 价值 的 事情 。 

作为 一 个 测试 人 员 ， 追 求 功能 测试 的 自动 化 ， 用 技术 提升 工作 效率 ， 是 一 种 本 能 的 
行为 。 故 事 中 的 小 琪 就 主动 使 用 了 Selenium 这 款 UI 自动 化 测试 工具 ， 将 自己 从 某 些 村 
煤 烦 琐 的 工作 中 解脱 出 来 , 并 交付 更 好 的 工作 成 果 , 这 正 是 测试 人 员 自 我 学 习 的 原动力 。 

以 产品 或 者 团队 的 角度 而 言 ， 何 时 进行 自动 化 ， 如 何 有 效 地 实施 自动 化 测试 ， 需 要 
考虑 方方面面 的 因素 。 比 如 ， 测 试 人 员 是 否 有 技术 背景 编码 能 力 如 何 ， 是 否 有 时 间 编 
写 和 维护 测试 脚本 ， 是 否 有 合适 的 工具 或 框架 满足 自动 化 测试 的 需求 等 。 

编写 自动 化 脚本 ， 有 人 称 为 “测试 开发 ”。 因 为 它 确实 需要 测试 人 员 有 具备 很 多 开发 
技能 ， 如 环境 部 署 、 代 码 能 力 、 深 入 理解 产品 的 技术 细节 、 代 码 版 本 控制 、 持 续集 成 等 。 
不 同 的 人 有 不 同 的 背景 、 不 同 的 目标 、 不 同 的 测试 内 容 ， 自 动 化 测试 的 实施 方式 自然 不 
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同 。 这 里 简单 陈述 两 种 不 同 的 组 织 形式 。 

由 独立 的 团队 去 做 自动 化 。 对 于 复杂 的 产品 ， 尤 其 是 银行 系统 、 医 疗 软件 等 特别 领 
域 ， 任 何人 都 不 可 能 掌握 所 有 的 细节 和 使 用 场景 ， 产 品 复杂 度 涉及 技术 、 业 务 知识 、 交 
互 设 计 等 多 个 方面 。 它 们 的 研发 人 数 多 ， 跨 部 门 沟通 多 ， 产 品 功能 在 开发 阶段 的 变更 不 
会 很 大 ， 除 了 有 功能 测试 人 员 之 外 ， 还 有 独立 的 自动 化 测试 团队 、 性 能 测试 团队 等 。 大 
多 是 把 集成 测试 或 验收 测试 的 用 例 在 评审 之 后 交 由 自动 化 团队 。 

把 自动 化 作为 每 个 测试 团队 成 员 的 日 常 工作 。 有 些 公司 会 把 掌握 自动 化 写 入 测试 人 
员 的 招聘 启事 中 ， 甚 至 与 从 业 年 限 挂钩 ， 作 为 是 否 入 职 和 绩效 考核 的 标准 之 一 。 测 试 人 
员 在 设计 用 例 的 时 候 就 开始 考虑 是 否 能 够 自动 化 ， 大 概 在 什么 时 间 点 补充 自动 化 脚本 。 
这 种 团队 的 任务 分 配 形式 可 以 更 加 丰富 , 比如 在 版 本 1.0 时 , 甲 负责 A 模块 的 手动 测试 ， 
乙 负责 B 模块 ， 此 时 大 家 都 没有 时 间 写 自动 化 脚本 ， 产 品 就 上 线 了 ;而 在 版 本 2.0 的 开 
发 过 程 中 ， 测 试 人 员 可 以 编写 1.0 的 脚本 ， 甲 写 B 模块 ， 乙 写 A 模块 ， 他 们 写 脚 本 的 过 
程 也 是 对 用 例 评审 的 过 程 。 









































15 学 习 自 动 化 测试 的 建议 


在 即将 开始 Selenium 学 习 旅程 之 前 ， 为 大 家 分 享 两 个 对 笔者 影响 比较 大 的 故事 。 
一 个 故事 是 “小 马 过 河 ”， 另 一 个 故事 是 “ 吃 饼 ”。 

“小 马 过 河 ”说 的 是 小 马 第 一 次 过 河 ， 遇 到 了 牛 伯伯 和 小 松鼠 ， 一 个 说 水 浅 ， 一 个 
说 水 深 。 最 后 小 马 消 过 河 才 发 现 ， 河 水 既 没 有 牛 伯伯 说 得 那么 浅 ， 也 没有 小 松鼠 说 得 那 
么 深 。 这 篇 小 学 课文 大 家 都 学 过 ， 道 理 大 家 都 懂 ， 可 遇 到 陌生 领域 ， 不 少 人 会 像 “ 小 马 ” 
一 样 跨 蹄 不 前 。 遇 到 前 辈 ， 满 口 是 “ 很 迷茫 ”“ 我 不 知道 自己 擅长 什么 ” “怎么 学 XXX 
啊 ” 之 类 的 话 。 其 实 ，“ 消 河 ” 的 那 一 脚 迈 出 才 最 能 出 真知 。 迷 茫 、 不 知 所 从 ， 那 就 先 
从 感 兴趣 的 领域 入 手 ; 不 知道 自己 擅长 什么 ， 可 以 进行 领域 内 不 同 层面 的 尝试 ， 必 然 会 
有 自 带 人 设 的 技能 被 召唤 出 。 

有 的 人 谈 到 测试 技术 会 抛 出 不 少 测试 框架 和 工具 名 词 ， 但 当 笔者 问 道 ， 你 在 自己 机 
器 上 安装 了 这 个 工具 吗 ? 你 搭建 了 环境 学 这 门 技术 吗 ? 他 反而 沉默 。 这 样 的 人 只 顾 站 在 
河 边 观望 ， 那 一 脚 却 音 于 迈 出 ， 这 样 就 不 可 能 了 解 测试 的 真正 意义 。 

第 二 个 故事 是 “ 吃 饼 ”。 说 的 是 有 个 人 吃 烧 饼 ， 吃 了 一 块 没 吃 饱 ， 两 块 还 是 没 吃 饱 ， 
直到 吃 了 第 7 抉 才 饱 了 。 他 叹 道 ， 早 知道 吃 了 这 一 块 能 饱 ， 我 何必 去 吃 前 面 6 块 饼 呢 ? 
我 们 都 会 认为 这 是 一 个 很 滑稽 的 故事 ， 那 我 们 是 不 是 这 样 “ 滑 稽 ” 的 人 呢 ? 在 解决 某 个 
问题 的 时 候 ， 尝 试 了 N 种 办 法 ,搞定 之 后 难免 会 想 , 我 要 是 早 那 么 干 就 好 了 ; 又 或 者 用 
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另 一 种 技术 或 框架 重 构 脚 本 的 时 候 ， 会 想 我 之 前 是 不 是 太 蠢 ? 还 有 的 时 候 ， 埋 头 苦 学 了 
一 阵 ， 发 觉 没什么 提高 ， 雾 里 看 花 ， 不 得 要 领 ; 很 积极 地 开发 工具 和 脚本 ， 发 现 对 工作 
效率 的 改进 微乎其微 ,就 开始 怀疑 自己 的 努力 。 学 习 一 门 技能 是 将 知识 积累 升华 为 智慧 
的 过 程 ， 循 序 渐进 ， 坚 持 不 懈 ， 自 然 会 水 到 渠 成 。 

学 自动 化 测试 与 学 其 他 技术 一 样 ， 借 助 各 种 工具 是 必要 的 ， 能 掌握 更 多 资源 ; 通过 
微 博 或 公众 号 结识 一 些 业 界 榜样 则 更 佳 , 多 多 少 少 能 扩大 眼界 。 剩 下 的 就 只 有 耐 住 寂寞 ， 
下 硬 功夫 ， 去 面 对 学 习 道路 上 的 种 种 问题 。 


1.6 小 结 


本 章 旨 在 梳理 自动 化 测试 的 常见 问题 , 不 少 内 容 是 笔者 多 年 实践 过 程 中 逐渐 形成 的 
观点 ， 欢 迎 讨论 。 

自动 化 测试 的 价值 在 于 快速 获得 质量 反馈 ， 但 质量 不 能 完全 依赖 自动 化 测试 。 

自动 化 测试 与 白 盒 测 试 是 两 个 维度 的 话题 。 

自动 化 测试 不 能 代替 人 工 ， 不 要 将 音 在 测试 用 例 设 计 与 测试 策略 上 花 时 间 。 
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在 第 1 章 读 者 或 许 已 经 对 Selenium 有 了 第 一 印象 
下 来 ， 我 们 要 正式 体验 Selenium 这 款 测试 利器 的 威力 。 
本 章 除 了 介绍 Selenium 的 内 容 之 外 ， 还 涉及 两 方面 的 知识 : 一 方面 是 Web 系统 的 
基础 知识 , 比如 HTML. XPath, DOM, JavaScript 等 。 如 果 不 了 解 , 推荐 你 访问 w3school 
Chttp://www.w3school.com.cn/) 学 习 。 另 一 方面 是 编程 语言 。 本 章 示例 是 采用 Java 和 
Python 语言 来 演示 的 。 脚本 逻辑 简单 , 如 果 你 不 会 Java E Python, 也 可 以 理解 Selenium 
的 用 法 。 但 建议 你 至 少 掌握 一 门 编程 语言 ， 这 样 才能 完全 理解 Selenium 的 用 法 。 


一 款 UI 自动 化 测试 工具 。 接 


2.4 从 一 个 测试 脚本 说 起 


万 事 开头 难 。 在 了 解 什么 是 Selenium 之 前 ， 我 们 先 看 一 个 最 简单 的 Selenium. 脚 
本 究竟 是 什么 样 的 。 定 一 个 小 目标 ， 编 写 脚本 ， 实 现 访 问 Bing 搜索 页 面 ， 检 查 页 面 标 
题 中 是 否 包含 了 Bing 这 一 内 容 。 

以 下 是 用 Python 实现 的 示例 。 

1 from selenium import webdriver 

2 driver =webdriver.Firefox() 
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3 driver.get("http://cn.bing.com/") 
4 assert ‘Bing’ in driver.title 
5 driver.quit() 

让 我 们 来 逐一 解读 它们 的 作用 : 


第 1 行 ， 引 入 了 selenium webdriver 模块 。 

第 2 行 ， 初 始 化 了 Firefox webdriver 对 象 ， 对 象 名 为 driver。 这 一 行 会 启动 你 本 地 
机 器 上 的 Firefox 程序 ， 打 开 一 个 Firefox 窗口 。 

第 3 行 ， 调 用 driver 对 象 的 get 方法 ，Firefox 浏览 器 会 跳 转 到 Bing 搜索 页 面 。 

第 4 行 ， 检 查 页 面 标题 是 否 包含 了 Bing 这 一 字符 串 内 容 。 若 是 ， 则 测试 用 例 通过 。 

第 5 行 ，Firefox 程序 退出 ， 浏 览 器 窗口 关闭 。 

读 到 这 里 ， 想 必 你 的 脑 中 有 许多 问号 。Selenium 就 是 一 个 类 库 吗 ? Selenium 的 工作 
原理 是 怎样 的 ? 为 什么 它 打开 的 Firefox 窗口 跟 我 手动 打开 的 不 一 样 ， 那 些 浏览 器 插件 
都 没有 加 载 ? Selenium 有 没有 自动 生成 脚本 的 录制 功能 呢 ? 支持 分 布 式 测试 吗 ? 

别 着 急 ， 请 带 着 这 些 问 题 阅读 后 面 几 个 小 节 的 内 容 ， 你 将 大 然 开 朗 。 

如 果 你 迫不及待 地 想 要 运行 这 个 Python 脚本 ， 可 以 按照 以 下 步骤 去 执行 。 你 也 可 
以 跳 过 这 些 内 容 ， 后 续 章 节 将 有 更 为 详细 的 说 明 。 


(1) 确保 本 地 Python 环境 、Firefox 浏览 器 已 经 准备 好 。 
(2) 下 载 Python selenium 包 ， 地 址 为 https:/pypi.python.org/pypi/selenium 。 
(3) 在 Python 命令 窗口 下 逐 行 输入 上 述 的 示例 代码 ， 查 看 效果 。 
若 你 下 载 的 selenium 包 的 版 本 是 3.0+， 还 需要 在 本 地 安装 geckodriver。 下 载 地 址 : 
https://github.com/mozilla/geckodriver/releases 。 








2.2 Selenium 家 族 


Selenium 与 传统 意义 上 的 主流 测试 工具 QTP、JMeter、LoadRunner 等 不 同 ， 用 “一 
个 工具 ”这 样 的 字眼 来 形容 Selenium 并 不 恰当 。 Selenium 是 一 套 Web 应 用 的 测试 框架 ， 
为 了 满足 不 同 的 需要 ， 它 提供 了 几 个 组 件 形成 了 所 谓 的 “Selenium 家 族 ”。 其 家 族 成 员 
简要 介绍 如 下 。 


e Selenium IDE: 是 一 个 Firefox 浏览 器 的 附加 组 件 ， 提 供 录制 回放 功能 ， 可 以 快 
速 创建 测试 用 例 ， 并 且 可 以 将 录制 生成 的 脚本 转换 为 多 种 编程 语言 的 脚本 。 
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e Selenium RC (Remote Control) : Selenium RC 是 一 个 用 Java 语言 编写 的 服务 端 ， 
可 以 处 理 测试 脚本 发 送 过 来 的 HTTP 请 求 ， 来 操作 浏览 器 。 

e Selenium Grid: 支持 分 布 式 测试 ， 即 可 以 在 不 同 平台 、 不 同 浏览 器 的 多 台 远 程 
机 器 上 同时 运行 Selenium 测试 脚本 ， 从 而 提高 测试 效率 ， 减 少 执行 时 间 。 

e Selenium WebDriver: 正如 我 们 在 2.1 节 的 示例 ，WebDriver 是 测试 脚本 的 核心 。 
在 测试 脚本 中 ， 通 过 调用 WebDriver 对 象 的 方法 来 操作 浏览 器 。 

AM! Selenium 的 历史 ， 它 最 初 作为 ThoughtWorks 公司 的 内 部 工具 使 用 ，2004 年 被 
Jason Huggins 开发 出 来 ， 于 2005 年 闻名 于 世 。Selenium Grid 在 2008 年 由 Philippe 
Hanrigou 开发 出 来 。 当 时 Selenium IDE, Selenium RC, Selenium Grid 被 统称 为 Selenium 
1.0。 直 到 2009 年 ,开发 者 们 决定 将 Selenium RC 与 由 另 一 名 ThoughtWorks 工程 师 Simon 
Stewart 开发 的 WebDriver 合并 ， 这 便 有 了 Selenium WebDriver， 就 此 开启 了 2.0 时 代 。 

Selenium 2.0 是 由 Selenium 1.0 与 WebDriver 合并 产生 的 。 现 在 看 起 来 ，Selenium 
WebDriver 仿佛 成 了 “主角 ”， 但 并 不 意味 着 Remote Control 就 毫 无 用 武之 地 。 下 文 将 
介绍 Selenium RC 与 WebDriver 的 工作 原理 ，3.1 节 将 对 它们 的 用 法 做 具体 的 演示 。 

简 而 言 之 ，Selenium IDE 是 为 了 方便 录制 ，Selenium Grid 是 为 了 提升 执行 效率 ， 
Selenium RC/WebDriver 是 脚本 编写 的 核心 。 接 下 来 ， 让 我 们 深入 了 解 Selenium RC 与 
WebDriver 的 工作 原理 ， 以 及 它们 之 间 的 差异 。 

如 图 2-1 所 示 , Selenium RC 的 工作 原理 是 ,在 测试 脚本 执行 之 前 ,需要 启动 Selenium 
服务 端 ， 通 过 注入 JavaScript 形成 沙 箱 环境 ， 在 沙 箱 环境 中 完成 测试 脚本 中 指定 的 浏览 
器 操作 。 

而 WebDriver 是 从 浏览 器 外 部 来 控制 的 , 通过 调用 浏览 器 原生 接口 来 驱动 , 完成 页 
面 操作 。 比 如 说 ， 当 我 们 的 脚本 操作 Firefox 浏览 器 的 时 候 ，WebDriver 是 用 JavaScript 
来 调用 API 的 ， 而 当 我 们 操作 IE 浏览 器 的 时 候 ，WebDriver 就 用 C++ 了 。 

由 于 有 些 页 面 元 素 在 沙 箱 和 浏览 器 上 的 展示 有 很 大 出 入 ， 因 此 调用 浏览 器 原生 接口 
或 许 是 控制 浏览 器 的 最 好 方式 了 。 但 问题 是 ， 如 果 有 新 的 浏览 器 问世 ，WebDriver API 
就 无 法 支持 ， 而 Selenium RC 可 以 。 

Selenium RC 与 WebDriver 合并 之 后 ， 也 就 是 Selenium 2.0 之 后 ， 对 于 主流 的 浏览 
器 Chrome, IE, Firefox 上 的 页 面 操作 ， 可 以 基于 各 自 的 Driver 文件 (2.1 AR EGE UR 
geckodriver 正 是 Firefox 浏览 器 的 Driver 文件 ) ， 而 无 须 启 动 服务 端 。 同 时 ， 还 支持 
RemoteWebDriver， 使 用 方式 与 Remote Control 一 致 。 我 们 将 在 第 3 章 对 不 同 的 Driver 
对 象 进行 详细 介绍 。 
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Windows, Linux, or Mac (as appropriate)... 











一 一 一 一 一 一 一 
Internet Explorer Firefox 


Selenium Core Selenium Core 


Remote 
Control Server 












Selenium Core 















+++ Machine boundary (optional) 


Python, Peri, 


) Java, Ruby, 
PHP or .Net 


图 2-1 Selenium RC 的 工作 原理 


2.3 Selenium IDE 


正如 2.2 节 中 介绍 的 ，Selenium IDE 是 一 个 Firefox 浏览 器 的 附加 组 件 , 不 是 一 个 独 
立 的 工具 。 它 安装 简单 且 易学 ， 可 以 将 Web 页 面 上 的 操作 录制 下 来 ， 转 换 为 脚本 文件 ， 
Lk 


是 Selenium 家 族 中 最 容易 上 手 的 工具 。 本 节 先 详细 介绍 Selenium IDE 的 功能 ， 再 结合 
场景 演练 展示 Selenium IDE 的 实践 过 程 。 





2.3.1 安装 Selenium IDE 


笔者 编写 本 章 时 ，Selenium IDE 的 最 新 版 本 为 2.9.1, 支持 Firefox 17.0 及 以 上 版 本 。 
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打开 Firefox 浏览 器 ， 前 往 https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/ F 
载 IDE 插件 。 如 图 2-2 所 示 ， 单 击 Add to Firefox， 进 入 安装 页 面 后 ， 单 击 “ 安 装 ” 即 可 。 


Register or Login | Other Applications mozilla 


EXTENSIONS THEMES COLLECTIONS MORE... 


n LS 0 $i 
qm Selenium IDE 25:1. fitum: 29 user reviews 


GG byjason Huggins, Adam Goucher, Shinya Kasatani, Dave Hunt, Samit Badle 120,555 users 


Selenium IDE is an integrated development environment for Selenium tests. It is 
implemented as a Firefox extension, and allows you to record, edit, and debug 
tests. 


| 4 Aietoriretor | À Permissions 


This add-on has been marked as experimental by its developers 





图 2-2 1t FireFox 中 安装 Selenium IDE 


安装 完成 后 ， 在 Firefox 的 “工具 ”菜单 中 可 看 到 Selenium IDE 选项 ， 到 此 安装 完 
毕 ， 如 图 2-3 所 示 。 


下 载 

附加 组 件 
开始 一 个 对 话 .… 
登录 至 同步 


< 分 享 此 页 到 
(9 Default User Agent 


Web 开发 者 
FoxyProxy Standard 
页 面 信息 

Cookie Editor 
Tamper Data 

图 RESTClient 


d Selenium IDE 





图 2-3 Selenium IDE 出 现在 工具 菜单 栏 
2.3.2 Selenium IDE 的 使 用 


打开 Selenium IDE， 其 界面 如 图 2-4 所 示 。 
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Base URL | Base URL https://www.pingxx.com/ 


loginDashboard (untitled suite) - Selenium IDE 2.9.1 





Tool Bar 








Test Case 
Pane Editor Pane 


id-loginBtn 


Log 
Reference sg Reference Ul-Element Rollup Infor Clear 
Ul-Element 
Rollup 


[info] Test case failed 


[info] Test suite completed: 1 played, 1 failed 
[info] Playing test case loginDashboard 
[info] Executing: |open | / | | 











图 2-4 Selenium IDE 界面 


e Base URL 
指 目标 测试 站 点 的 根 路 径 ， 脚 本 运行 时 会 默认 打开 这 个 地 址 。 该 站 点 下 的 页 面 可 
以 在 此 URL 基础 上 使 用 相对 URL。 比 如 ， 我 们 要 测试 的 Web 站 点 是 
https://www.pingxx.com， 待 测试 页 面 的 完整 URL 是 https://www.pingxx.com/ 
products. https://www.pingxx.com/customers 之 类 ， 可 以 将 Base URL 写 为 
https://www.pingxx.com， 如 图 2-5 所 示 。 若 要 测试 其 他 页 面 ， 则 可 以 在 测试 脚本 
中 使 用 2.3.3 小 节 Selenese 中 介绍 的 open 命令 , 打开 /products、/customers 等 页 面 。 


E URL | https-//www.pingxx.com/ 





Fast $ https://www.pingxx.com/ 
c7. https //dashboard.pingxx.com/ 





图 2-5 Base URL 
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e Tool Bar 


> CS 控制 回放 过度 ， 即 控制 每 个 Command 之 间 执 行 的 时 间 间隔 。 

> PB 回放 Test Suite， 即 执行 Test Case Pane 中 显示 的 所 有 Test Case. 

> Pe 回放 选中 的 Test Case. 

> PAPE. 

> 9 暂停 后 按 步 执行 ， 用 于 对 录制 脚本 进行 调试 。 

> © 添加 Rollup， 将 在 2.3.3 小 节 中 对 Rollup 的 用 法 进行 详细 介绍 。 

> LE 收藏 的 Test Suite， 单 击 菜单 栏 中 的 Favorites Add favorite 收藏 ， 前 提 是 
该 Test Suite 已 经 保存 了 。 








> 9| 开始 /停止 录制 。 
> 9: 制定 执行 计划 ， 支 持 脚本 定时 运行 ， 如 图 2-6 所 示 。 
Jobs Activity 
Tite IDETEST 
Suite /DashboardTest Choose 
Schedule 
© Day © Hour © Hour © Minute. 
© Sunday Bo G12 Bo 
© Monday ego O13 Gos 
© Tuesday Bo ou @10 
© Wednesday O03 e:5 es 
© Thursday eo ee G20 
© Friday 005 av G2 
© Saturday O06 Ow Qn 
go G10 Os 
os @20 加 40 
Qn @21 04s 
01 az as 
ou G23 ess 
‘Advanced ~ Change 
© Run Now 2016/8/21 下 午 5:00:00 
+ - @ Turn scheduler ON 
取消 确定 


图 2-6 脚本 定时 计划 


e Test Case Pane 
当前 Test Suite 中 的 Test Case 列表 。 运 行 之 后 ， 绿 色 表 示 通 过 ， 红 色 表示 失败 。 
如 图 2-7 所 示 ， 执 行 结果 表明 : 执行 了 两 个 Test Case， 其 中 一 个 失败 了 。 
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e Editor Pane 
Editor Pane 用 于 显示 界面 操作 ， 也 就 是 我 们 在 测试 过 程 中 需要 对 页 面 上 的 元 素 
执行 操作 。 当 Selenium IDE 处 于 录制 状态 时 ， 我 们 在 浏览 器 上 的 操作 将 被 记录 
到 这 里 。 
如 图 2-8 所 示 ，Editor Pane 分 为 Table 和 Source 两 种 视图 。 
Test Case Source 
loginDashboard 
Command Target Value 
open / 
clickAndWait link= 登 录 
type id=username a= 
type id=password SEED 
click id=loginBtn 
Command X 
is Select. Find 
Runs: == 
Failures: 
图 2-7 Test Case Pane (测试 范例 面板 》 fA 2-8 Editor Pane (编辑 面板 


默认 显示 Table 视图 。 其 中 ， 分 为 三 大 元 素 。 


Command: 操作 命令 ， 如 open, click, type, ZHE 2.3.3 小 节 Selenese 中 进行 详 
细 说 明 。 

Target: 操作 目标 。 根 据 操作 命令 不 同 ， 操 作 目 标的 类 型 也 不 尽 相 同 。 它 可 能 是 
某 个 元 素 的 属性 值 ， 也 有 可 能 是 一 个 表达 式 。 

Value: 操作 值 ， 如 图 2-8 中 在 文本 框 输 入 的 用 户 名 、 密 码 ， 若 要 更 新 Table 视 
图 中 的 内 容 ， 选 中 一 行 后 即 可 编辑 。 

Select 按钮 : 单 击 Select， 再 将 鼠标 移 至 浏览 器 页 面 ， 鼠 标 划 过 的 元 素 会 高 亮 显 
示 ， 单 击 即 可 修改 Target 为 该 目标 。 

Find 按钮 : 选中 Table 视图 中 的 一 行 ， 单 击 Find， 页 面 中 该 对 象 将 高 亮 显 示 。 
Source 视图 : 顾名思义 ， 即 显示 Table 视图 相应 的 源码 。 如 图 2-9 所 示 ，Source 
视图 默认 为 HTML 代码 。 
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_Table - 





<?xml version-'1.0" encoding-"UTF-8"2» 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN 
<html xmlns-"http://www.w3.0rg/1999/xhtml" xml:lang-"e: 
«head profile-"http://selenium-ide.openga.org/profiles/test-case"» 
<meta http-equiv-"Content-Type" content-"text/html; charset=UTF-8" /> 
<link rel-"selenium.base" href="https://www.pingxx.com/" /> 
<title>loginDashboard</title> 

</head> 

<body> 

<table cellpaddin 
<thead> 

<tr><td rowspan= 
</thead><tbody> 
<tr> 














"1" cellspacin: border="1"> 








colspan="3">loginDashboard</td></tr> 


<td>open</td> 
<td>/</td> 
<td></td> 

</tr> 

<tr> 
<td>clickAndWait</td> 
<td>link= 登 录 </td> 
<td></td> 

</tr> 

<tr> 
<td>type</td> 
<td>i 
<td: /td» 





</tr> 
<tr> 





图 2-9 Editor Pane 的 Source 视图 


Source 视图 还 支持 其 他 语言 的 转换 ， 但 是 并 不 提倡 这 种 做 法 ， 进 入 Options 一 Format 
中 的 链接 Chttp;//blog.reallysimplethoughts.com/201 1/06/10/does-selenium-ide-v 1-0-1 1-support- 
changing-formats/) 说 明了 原因 : 目前 Selenium IDE 只 有 在 HTML 格式 下 才 可 以 稳定 工 
作 , 其 他 语言 格式 还 在 实验 阶段 , 仍 需要 做 很 多 工作 来 保证 其 稳定 性 。 如 果 一 定 要 转换 ， 
可 进入 Options 一 Options... 一 General， 勾 选 Enable experimental features， 再 进入 Options 
一 Format， 如 图 2-10 所 示 。 





Options. E2.9.1 

Format L V HTML 

Clipboard Format > C#/ NUnit / WebDriver 

Reset IDE Window C#/ NUnit / Remote Control 

Clear history > Java / JUnit 4 / WebDriver 

Schedule tests to run periodically Java / TestNG / WebDriver 
mr 7 77 Java / JUnit 4 / WebDriver Backed 

<tr> Java / JUnit 4 / Remote Control 


Ipnpe ie acea Java / JUnit 3 / Remote Control 


eg, {password}</td — Java / TestNG / Remote Control 








ludit rs Python 2 / unittest / WebDriver 
Sta>id=loginstn</ta Python 2 / unittest / Remote Control 
ue, CHESIAT Ruby / RSpec / WebDriver 
* etr» Ruby / Test::Unit / WebDriver 
Eby /aiveic~ acco Ruby / RSpec / Remote Control 
td></td> | ii 
Js * Ruby / Test::Unit / Remote Control | 





图 2-10 支持 多 种 语言 的 转换 
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当 你 选择 其 他 语言 时 ，IDE 也 会 给 出 不 推荐 转换 语言 的 提示 ， 如 图 2-11 所 示 。 





[JavaScript 应 用 程序 ] 


Changing format is now marked experimental! If you 
continue, recording and playback may not work, your 
changes may be lost and you may have to copy and paste 
the test in a text editor to save. It is better to make a copy 
of your test cases before you continue. Do you still want to 
proceed? 


取消 确定 





图 2-11 不 推荐 转换 语言 的 提示 


转换 为 其 他 语言 后 ， 执 行 按钮 、Table 视图 都 被 置 灰 ， 如 图 2-12 所 示 。 在 2.3.3 小 
节 中 介绍 了 导出 脚本 的 方式 ， 可 转换 为 各 种 编程 语言 。 
eee loginWeb (untitled suite) - Selenium IDE 2.9.1 
Base URL _ https:/Avww.pingxx.com/ v 


Fa Siw 
@ iz © @ 
| Test Case Table METEB 


loginDashboard 
Jogos | -*- coding: utf-8 -*- ] 
rom selenium import webdriver 

rom selenium.webdriver.comnon.by import By 

rom selenium.webdriver.common.keys import Keys 

rom selenium.webdriver.support.ui import Select 

rom selenium.common.exceptions import NoSuchElementException 

rom selenium.common.exceptions import NoAlertPresentException 

mport unittest, time, re 


4 lass LoginWeb(unittest.TestCase) : 
def setUp(self): 
self.driver = webdriver.Firefox() 
self.driver.implicitly wait(30) 
self.base url = "https://www.pingxx.com/" 
self.verificationErrors = [] 
self.accept next alert - True 


def test login web(self): 
4 driver = self.driver 

# open | /| 

driver.get(self.base url + "/") 

# click | link= 登 录 | 

driver.find element by link textfu" 登 录 ") ,clickf) 

# type | ideusername 

driver.find element by id("username").clear() 

driver.find element by id("username").send_keys (QD 
* type | id-passwori | 

driver.find element by id("password").clear() 








(m driver.find element by id("password").send keys ("GEED 
Runs: 2 J 
Failures; 0 








图 2-12 Table 视图 不 可 用 


e Log 
如 图 2-13 所 示 , 每 一 个 步骤 的 执行 结果 都 将 记录 为 Log。 默 认 显 示 所 有 log, 可 
以 根据 不 同类 型 (Debug, Info. Warn, Error) 过 滤 ， 便 于 调试 。 
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reterence Ui-Element Rolup ia Clear, 
[info] Playing test case loginDashboard_invalid Debug 
[info] Executing: lopen | / | | ve 
[info] Executing: IclickAndWait | link= 登 入 11 Wam 
[info] Executing: |type | id=username | EM Em 


[info] Executing: |type | link=notExist IE 
[error] Element link=notExist not found 
[info] Test case failed 


图 2-13 Log 


Reference 
显示 被 选中 Command 的 功能 说 明 ， 如 图 2-14 所 示 ， 包 括 所 需要 的 参数 ， 便 于 
快速 了 解 Command 的 用 法 。 


|Log [Eu-eement Rollup 


type(locator, value) 
Arguments: 
* locator - an element locator 
* value - the value to type 
Sets the value of an input field, as though you typed it in. 


Can also be used to set the value of combo boxes, check boxes, etc. In these cases, value should be the value 
of the option selected, not the visible text. 





图 2-14 Reference 


UI-Element 

Selenium 的 高 级 用 法 ,使 用 JavaScript 定义 对 象 。 本 节 不 做 介绍 ， 可 通过 帮助 一 
UI-Element Documentation 了 解 详情 。 

Rollup 

将 多 个 操作 合并 到 一 个 操作 步骤 中 , 将 步骤 内 容 写 入 JavaScript 文件 后 ,作为 用 
户 扩展 导入 。 导 入 完成 后 ， 便 可 以 在 Rollup 标签 页 中 看 到 JavaScript 文件 中 定 
义 的 步骤 说 明 ， 如 图 2-15 所 示 。2.3.3 小 节 将 演示 Rollup 的 用 法 。 


|Log Reference Ul-Element Rollup 


loginCommandsRollup 
Combine login commands 
Preconditions: The Dashboard works. The username and password is correct. 
postconditions: The user login Dashboard successfully. 
current rollup expands to: 
open | / 
clickAndWait | Link= 登 人 
type | id-username 


type | idcpassvord mE 


click | id-loginBtn 





图 2-15 Rollup 


20 Selenium 自动 化 测试 之 道 





遗憾 的 是 ， 在 Mozilla 发 布 了 Firefox 55.0 版 本 的 第 二 天 ， 即 2017 年 8 月 9 日 ， 
Selenium 官方 在 博客 上 进行 了 正式 说 明 ，Selenium IDE 无 法 在 Firefox 55 中 使 用 。 
博文 中 提 到 了 两 个 原因 ， 一 是 浏览 器 是 不 断 发 展 的 复杂 软件 。Mozilla 一 直 在 努力 
将 Firefox 提升 得 更 快 更 稳定 。Firefox 浏览 器 扩展 正在 从 原来 的 “XPI” 格 式 转换 
为 新 的 更 广泛 采用 的 “Web 扩展 ”机 制 。 二 是 Selenium 项 目 缺 少 人 力 ， 没 有 足够 
的 时 间 和 精力 将 新 的 技术 应 用 到 IDE 和 迭代 中 。 

当然 , 博文 中 也 提 到 了 Selenium IDE 在 重 构 ,还 号 召 更 多 的 开发 者 加 入 到 Selenium 
项 目 中 来 。 作 为 具有 广泛 影响 力 和 群众 基础 的 项 目 ， 相 信 Selenium IDE 在 重 构 之 
后 ， 将 以 新 新 的 面貌 出 现在 世人 面前 。 

官方 博文 地 址 : https;//seleniumhq.wordpress.com/2017/08/09/firefox-55-and-selenium-ide/ , 


2.8.8 ”场景 演练 


前 文 已 经 对 Selenium IDE 做 了 详细 的 介绍 ， 接 下 来 ， 我 们 将 测试 一 个 具体 的 场景 ， 
来 掌握 Selenium IDE 的 使 用 。 


业务 背景 : 企业 用 户 在 登录 系统 之 后 ,可 在 Ping++ 管 理 平台 的 企业 账户 中 进行 充值 ， 
用 于 身份 实名 认证 和 银行 卡 认证 接口 费用 。 可 以 简单 理解 为 一 个 电子 钱包 ， 支 持 充值 、 
消费 、 查 看 交易 明细 。 

场景 说 明 : 登录 Ping++ 管 理 平台 并 查看 企业 账户 及 余额 、 明 细 ， 如 图 2-16 所 示 。 





账户 余额 : ¥3437.40 | 


147519938111874112 身份 证 基础 信息 认证 2016-09-30 09:36:21 


1475199081572639263 银行 卡 信息 认证 2016-09-30 09:31:21 





图 2-16 待 测 页 面 截图 
Selenium IDE 使 用 过 程 如 下 : 
€o) 打开 Firefox， 确 保 Selenium IDE 在 录制 状态 。 




















CX 在 Firefox 浏览 器 上 进行 测试 操作 ， 例 如 访问 待 测 系 统 、 进 入 页 面 、 点 击 按 
钮 等 操作 。 
ED 在 操作 过 程 中 观察 Selenium IDE 界面 上 的 命令 变化 。 在 Firefox 页 面 上 每 


























做 一 次 操作 ， 都 会 录制 形成 一 条 命令 。 


第 2 章 Selenium 初 体验 21 





ED 停止 录制 ， 查 看 结果 。 











使 用 过 程 很 简单 ， 录 制 结果 如 图 2-17 所 示 。 
Source 
Command Target Value 
open ji 
click link= 登 入 
type id-username CENE 
type id-password 于 一 一 
click id=loginBtn 
click /Idiv[Gid-'accountMenu'y'span 
click css-ul.ssn nav.row > li > a 
Click css=a.active 
click css-span.text-blue.balance details 








图 2-17 Selenium IDE 录制 结果 


录制 完成 后 ， 单 击 File 一 Save Test Case， 保 存 脚本 到 本 地 ， 文 件 格式 为 HTML。 
如 图 2-17 所 示 为 由 录制 生成 的 Test Case， 没 有 经 过 任何 的 改动 。 单 击 由 按钮 进行 
回放 ， 你 会 发 现 运 行 过 程 中 抛 出 了 异常 ， 无 法 通过 ， 如 图 2-18 所 示 。 








Source 
Command Target Value 
open / 
click link= 登 入 
type id=username = 
type id=password [eeu 
Click id-loginBtn 
click //div[Gid-' accountMenu'/span 
Click css-ul.ssn nav.row > li > a 
click css-a.active 
Click css-span.text-blue.balance details 





图 2-18 执行 测试 失败 


如 果 你 动手 实践 了 上 述 操 作 , 或 许 你 已 经 基于 Log 面板 中 的 信息 找到 了 脚本 异常 的 
原因 。 如 果 你 还 没有 想 明 白 ， 别 着 急 ， 让 我 们 带 着 这 个 疑问 先 对 Selenium IDE 提供 的 命 


令 进行 系统 性 的 学 习 。 











我 们 不 仅 要 了 解 如 何 解决 脚本 中 的 异常 ， 创 建 一 个 可 以 正常 运行 的 脚本 ， 更 重要 的 是 ， 
利用 Selenium IDE 的 高 级 功能 (例如 模糊 匹配 ，Roll up) 使 脚本 更 加 完善 ， 易 于 维护 。 
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1. Selenese 
Selenese 是 命令 集合 的 统称 ， 分 为 以 下 几 种 类 型 。 


e Action: 直接 作用 在 页 面 元 素 上 的 操作 ， 如 点 击 、 输 入 等 。 
常用 的 有 : 


» open 打开 页 面 。 

> type 输入 内 容 。 

> click 点 击 。 

> sendKeys 键盘 输入 。 


e Accessor: 将 某 个 值 保存 到 变量 中 ， 方便 复 用 ， 提 高 可 维护 性 。 

使 用 store 命令 来 储存 变量 ， 如 图 2-19 所 示 ， 将 变量 值 作 为 Target 的 内 容 ， 自 
定义 的 变量 名 作为 Value 的 内 容 。 当 我 们 要 使 用 变量 的 时 候 ， 用 ${ 变 量 名 } 格 式 
引用 变量 。 图 2-19 将 用 户 名 、 密 码 分 别 存储 到 变量 username 与 password 中 ， 
如 果 测 试 脚本 的 多 个 步骤 都 用 到 了 用 户 名 和 密码 ， 使 用 上 述 变 量 的 方式 会 让 脚本 易 
于 维护 。 如 果 用 户 名 密码 改变 了 ， 我 们 无 须 逐 个 修改 步骤 中 的 值 ， 只 要 更 新 变量 值 
即 可 ， 这 就 是 所 谓 的 “脚本 参数 化 ”。 和 否则 ， 我 们 需要 确认 每 个 使 用 用 户 名 、 密 码 
的 步骤 都 做 了 更 新 。 

Command Target Value 

username 








password 


${username} 


${password} 


图 2-19 脚本 参数 化 
除了 上 文 提 到 的 store 命令 之 外 ， 常 用 的 Accessor 类 型 的 命令 还 有 : 


> storeTitle 储存 当前 页 面 的 标题 (title ). 
> storeText 储存 元 素 的 文本 (text) 属性 值 。 
> storeElementPresent 记录 元 素 是 否 存 在 ， 返 回 true 或 false。 


e Assertions: Assertions 即 检查 点 ，Selenium IDE 的 “检查 点 ”支持 两 种 类 型 ， 
Assert 与 Verify. Assert 又 译作 “断言 ”， 它 不 是 某 个 测试 工具 独 有 的 概念 ， 各 
种 测试 框架 中 都 能 见 到 它 的 身影 。Assert 用 于 检查 指定 条 件 是 否 满足 ， 如 果 不 
满足 ,整个 Test Case 运行 终止 。 举 个 例子 , 我 们 可 以 在 Test Case 开始 时 用 Assert 
相关 命令 检查 页 面 的 title 属性 是 不 是 等 于 期 望 值 , 如 图 2-20 所 示 , 如 果 不 等 于 ， 
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可 能 是 页 面 跳 转 有 误 ， 没 有 必要 继续 执行 后 续 操 作 ， 脚 本 会 即刻 终止。 








Command Target Value 
open / 
assertTitle Ping++ RARTRR | 支付 宝 .… 





图 2-20 使 用 assertTitle 


常用 的 Assert 命令 有 : 


> assertLocation 检查 当前 是 否 在 正确 的 页 面 。 

> assertTitle 检查 当前 页 面 的 title. 

> assertValue 检查 输入 的 值 。 

> assertSelected 检查 select 的 下 拉 菜 单 中 选中 是 否 正确 。 

> assertText 检查 指定 文本 是 否 正确 。 

> assertTextPresent /assertTextNotPresent 检查 指定 文本 存在 /不 存在 。 
> assertEditabl/assertNotEditable 检查 指定 文本 框 可 编辑 /不 可 编辑 。 


Verify 也 是 用 于 验证 指定 条 件 是 否 等 于 期 望 信 , 如 图 2-21 所 示 。 与 Assert 不 同 的 是 ， 
如 果 不 等 于 期 望 值 ， 那 么 当前 步骤 失败 ， 继 续 执行 下 一 步 。 它 不 会 影响 后 续 步骤 的 
执行 。 


图 2-21 使 用 verifyVisible 





常用 的 Vertify 命令 有 : 


> verifyTitle 验证 页 面 title 是 否 正确 。 

> verifyTextPresent/ verifyTextNotPresent 验证 指定 文本 存在 /不 存在 。 

> verifyElementPresent/ verifyElementNotPresent ”验证 指定 元 素 存 在 /不 存在 。 
> verifyVisible “验证 指定 元 素 是 否 可 见 。 


Wait: 手工 测试 的 过 程 中 ， 页 面 毫秒 级 的 加 载 速度 肉眼 是 感觉 不 到 的 ， 而 对 于 
自动 化 测试 而 言 ， 页 面 的 加 载 问 题 是 测试 脚本 中 一 个 重要 的 考虑 因素 。 况 且 由 
于 网 络 、 服 务 器 等 问题 可 能 会 导致 页 面 加载 慢 。 在 手工 测试 过 程 中 ， 测 试 人 员 
往往 是 等 待 元 素 加 载 完 成 后 才 会 进行 操作 ; 同样 地 , 测试 脚本 也 要 学 会 “等 待 ”。 
否则 就 会 遇 到 2.3.3 场景 演练 开篇 脚本 中 出 现 的 异常 。 

Selenium IDE 提供 的 Wait 命令 分 为 两 种 形式 。 一 种 形式 简写 为 “***AndWait”， 
即 执行 操作 后 ， 要 等 待 页 面 刷 新 完成 才 进 行 下 一 步 ， 常 见 的 有 : clickAndWait 
(点 击 并 等 待 》、typeAndWait (输入 并 等 待 ) 、selectAndWait (选择 并 等 待 ) ; 
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另 一 种 形式 简写 为 “waitFor***”, 即 等 待 直到 符合 某 一 特定 条 件 才 进行 下 一 步 ， 
常见 的 有 : waitForElementPresent 〈 等 待 直 到 指定 的 元 素 出 现在 页 面 上 ) 、 

waitForVisible 〈 等 待 直 到 元 素 可 见 。 它 与 waitForElementPresent 非常 类 似 ， 两 
者 之 间 的 微妙 差别 是 : Present 是 以 HTML 元 素 的 形式 存在 于 页 面 上 的 ， 而 
Visibility 则 是 CSS 设置 的 ) waitForTitle (等 待 直到 页 面 title 为 指定 的 内 容 ) 。 


Selenium IDE 默认 的 最 大 等 待 时间 为 30000 毫秒 ， 即 若 在 30 秒 内 没有 找到 元 素 ， 
则 测试 步骤 失败 ， 脚 本 抛 出 异常 。 可 进入 Selenium IDE 菜单 栏 的 Options 一 Options.… 一 
General， 设 置 Default timeout value， 单 位 为 毫秒 。 

如 图 2-22 所 示 ， 余 额 明 细 是 在 页 面 加 载 完成 之 后 出 现 的 ， 可 以 用 它 作为 加 载 完 成 
的 标志 。 


账户 余额 ; 3437.40 


订单 /交易 单 5 


147519938111874112 身份 证 基础 信息 认证 2016-09-30 09:36:21 


1475199081572639263 银行 卡 信息 认证 2016-09-30 09:31:21 





图 2-22 ” 待 测 页 面 的 截图 
如 图 2-23 tas, 使 用 waitForElementPresent 命令 , 使 脚本 在 出 现 余 额 明细 之 后 才 会 


执行 后 续 操 作 。 
等待 余额 明细 可 见 
aitForElementPresent id=balance_details 
图 2-23 使 用 wait 命令 


除了 图 2-23 的 waitForElementPresent 方 法 ,本 例 还 可 以 使 用 其 他 的 waitFor*** 方 法 。 
图 2-24 演示 了 多 种 wait 命令 的 使 用 。 这 里 需要 特别 说 明 的 是 ， 为 了 演示 clickAndWait 
的 用 法 , 在 图 2-24 录制 脚本 中 第 4 步 waitForTitle 之 前 , 我 们 使 用 了 clickAndWait 命令 。 
而 事实 上 , 脚本 中 clickAndWait 有 画蛇添足 之 嫌 。 通 常 的 做 法 是 :“ 先 click 再 waitForTitle” 
或 者 “ 先 clickAndWait 再 assertTitle”。 

你 或 许 注意 到 , 示例 中 还 使 用 了 另 一 种 等 待 方式 : pause, 暂停 2 秒 。 它 与 waitFor*** 
的 区 别 在 于 ，waitFor *** 是 隐 式 等 待 ， 如 果 条 件 满足 ， 就 立即 执行 下 一 步 ， 否 则 就 一 直 
等 到 Selenium IDE 设置 的 最 大 等 待 时 间 ， 因 此 具体 的 等 待 时 间 是 不 固定 的 ; 而 pause 是 
显示 等 待 ， 明 确 了 等 待 时 间 ， 一 定 要 等 到 时 间 结 束 为 止 。 二 者 相 比 ，waitFor*** 更 高 效 。 
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Ping++ 聚合 支付 系统 | 支付宝 .… 
link= 登 入 
管理 平 合 |Ping++ 


click 
等 待 用 户 名 入 口 出 现 


verifyVisible id=accountMenu 

click //div(@id='accountMenu'/span 
2000 
link= 企 业 账户 
class-text-blue balance char... 





图 2-24 多 种 wait 命令 的 使 用 
到 此 ， 我 们 已 经 了 解 了 Selenese 命令 的 类 型 及 其 常见 用 法 。 如 图 2-25 所 示 ， 运 用 
Selenese 命令 更 新 Selenium IDE 录制 脚本 之 后 ， 脚 本 立刻 “ 旧 貌 换 新 颜 ”， 不 再 因为 
加 载 问 题 导致 执行 失败 ， 还 做 了 参数 化 ， 设 置 了 基本 的 检查 点 。 





Command Target Value 
open / 

assertTitle Ping++ 聚合 支付 系统 | 支付 宝 .… 
clickAndWait link= 登 入 

waitForTitle 管理 平台 | Ping++ 

store | username 
store Gee password 
type id-username S(username) 
type id=password ‘${password} 
click id=loginBtn 

等 待 账户 入 口 出 现 

waitForElementPresent id=accountMenu 

verifyVisible id=accountMenu 

click //div[Gid-'accountMenu'/span 

pause 2000 

click link= 企 业 账户 

waitForVisible class=text-blue balance_char... 
waitForElementPresent css=a.active 

click css=a.active 

waitForVisible css-span.text-blue.balance ... 

click css-span.text-blue.balance ... 

等 待 余额 明细 可 见 


waitForElementPresent id=balance_details 





图 2-25 运用 Selenese 命令 更 新 Selenium IDE 录制 脚本 
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2. 保存 脚本 


可 以 将 一 系列 Test Case 保存 为 一 个 Test Suite， 作 为 一 个 脚本 文件 来 管理 。 
如 图 2-26 所 示 ， 单 击 File 一 Save Test Suite， 选 择 位 置 并 保存 。 


打开 保存 的 文件 , 文件 为 HTML 格式 , 每 个 Test Case 为 一 个 链接 , 如 图 2-27 所 示 。 


New Test Case 
Open... 

Save Test Case 

Save Test Case As... 
Export Test Case As... 
Recent Test Cases 


Add Test Case... 
Properties... 


New Test Suite 

Open Test Suite... 

Save Test Suite 

Save Test Suite As... 

Export Test Suite As... Test Suite 


FOSHAN loginDashboard 
关闭 loginDashboardAndCheckBanlance| 












































2-26 保存 Test Suite 图 2-27 保存 的 Test Suite 文件 
点 开 一 个 Test Case 链接 ， 是 一 个 HTML 表格 ， 如 图 2-28 所 示 。 








loginDashboardAndCheckBanlance 


ee — — 
assertTitle Ping++ 聚合 支付 系统 | 支付 宝 微 信 支 付 分 期 Apple Pay 















clickAndWait [link A 
|waitForTitle 管理 平台 | Ping++ 
store username 
store - i password — 
type id-username Í$(username? 















































































type lid-password I$(password) 
click jid=loginBtn | 
[waitForElementPresentlid=accountMenu | 

verify Visible jid=accountMenu 

click |//div[Gid-'accountMenu]/span | 

pause 2000 

click link= 企 业 账户 

waitForVisible class=text-blue balance_charge I 
waitForElementPresent |css-a.active 

click Css-a.active 











waitForVisible |css-span.text-blue.balonce details 
click |css-span.text-blue.balance details 





















































lwaitForElementPresent [id-balance. details 


























图 2-28 Test Suite 文件 中 的 Test Case 
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3. 编辑 脚本 的 技巧 
编辑 和 调试 脚本 的 过 程 中 ， 有 如 下 小 技巧 : 


e 在 页 面 中 右 击 ， 在 打开 的 快捷 菜单 中 选择 Insert New Command 直接 插入 步骤 。 

e 使 用 暂停 ”， 点 击 = 即 可 逐步 执行 ， 方 便 观察 脚本 的 执行 状态 。 

。 在 页 面 中 右 击 , 在 打开 的 快捷 菜单 中 添加 Set/Clear Start Point, 或 者 选中 目标 行 ， 
使 用 快捷 键 S 添加 Start Point， 只 能 设置 一 个 , 每 次 执行 从 此 开始 ， 不 必 从 头 开 
始 执行 脚本 。 


e 从 右键 菜单 添加 Toggle Breakpoint， 或 者 选中 目标 行 ， 使 用 快捷 键 B 设置 
Breakpoint〈 断 点 ) ， 脚 本 执行 至 此 会 暂停 。 
e 可 在 右键 菜单 Insert New Comment 中 添加 Comment， 增 强 脚 本 可 读 性 。 


等 待 用 户 名 入 口 出 现 
waitForElementPresent id=accountMenu 
e 确保 打开 Selenium IDE ri 在 浏览 器 中 对 目标 元 素 右 击 ， 打 开 如 图 2-29 所 示 的 
菜单 ， 可 快速 添加 assert、verify、store、waitFor 等 命令 。 








open /finance/account 

assertTitle 管理 平台 | Ping++ 移动 应 用 支付 接口 
verifyTitle 管理 平台 | Ping++ 移动 应 用 支付 接口 
waitForTitle 管理 平台 | Ping++ 移动 应 用 支付 接口 


storeTitle 管理 平台 | Ping++ 移动 应 用 支付 接口 

storeText css=span.text-blue.balance_details 余额 明细 
assertElementPresent css=span.text-blue.balance_details 
verifyElementPresent css=span.text-blue.balance_details 
Show All Available Commands > 





图 2-29 浏览 器 中 有 关 Selenium IDE 的 菜单 
4. 模糊 匹配 在 检查 点 中 的 使 用 


有 一 些 页 面 元 素 的 属性 值 不 是 固定 的 , 且 符 合 一 定 的 规则 ,比如 带 有 Test 字符 串 前 
组 的 订单 号 。 当 我 们 要 为 这 些 动态 值 设 置 检查 点 的 时 候 ， 可 以 使 用 模糊 匹配 的 功能 。 接 
下 来 ， 介 绍 以 下 几 种 模糊 匹配 的 类 型 。 
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Globbing 
前 缀 : glob: 在 selenium 中 只 支持 两 种 特殊 匹配 字符 。 


e *#: 可 以 被 理解 为 anything， 可 以 匹配 无 、 单 个 字符 、 若 干 字符 ， 如 图 2-30 所 示 。 

e []: 匹配 [] 中 包含 的 任 一 单个 字符 ， 如 [abcdef] ， 代 表 匹 配 a 到 f 的 小 
写字 符 ( 注 意 区 分 大 小 写 ) ， 可 以 使 用 “-” 来 代表 一 定 范围 内 的 字符 集 (在 
ACCI 中 相连 的 ) ， 如 [a-f] 。 





link= 渠 道 和 功能 
link= 客 户 案例 


glob:* Ping++ 

link= 注 册 

id=email selenium_ide@pingxx.com 
id=forAgree 

id=registerBtn 





图 2-30 glob 的 用 法 


regular expression ( 正则 表达 式 ) 

BUR: regexp: 或 者 regexpi: ， 前 者 区 分 大 小 写 ， 后 者 不 区 分 大 小 写 。 

对 于 正则 表达 式 , 你 一 定 不 陌生 , 作为 匹配 模式 , 它 是 最 强大 、 最 灵活 的 。 在 Selenese 
中 ， 正 则 表达 式 可 以 完成 其 他 匹配 模式 比较 难以 完成 的 任务 。 例 如 ，regexp: [0-9]+ 表 
明 只 允许 数字 ， 如 图 2-31 所 示 。 
Command Target 
open / 
clickAndWait link= 渠 道 和 功能 


clickAndWait link= 客 户 案例 
验证 页 面 Title 是 否 正确 














regexp: ARGI." 





clickAndWait link= 注 册 

type id=email selenium ideGpingxx.com 
click id-forAgree 

Click id-registerBtn 





图 2-31 regexp 的 用 法 


exact patterns 
前 缀 : exact: 当 你 需要 找到 *、[] 、{} 这 样 的 特殊 字符 时 ， 就 需要 用 到 exact 
配 模式 。 


fe 





第 2 章 Selenium 初 体验 29 





5. Rollup 


在 实际 工作 中 ， 往 往 需要 在 多 个 Test Cases 中 加 入 多 个 相同 的 步骤 ， 比 如 作为 前 置 
条 件 的 登录 等 。 那 么 ， 是 不 是 要 复制 相同 的 步骤 到 每 个 Test Case 中 ? Selenium IDE 的 
Rollup 功能 为 我 们 提供 了 更 好 的 解决 方案 。 

Rollup 的 做 法 是 ， 将 Test Cases 中 的 相同 步骤 抽 离 出 来 ， 把 它们 在 JavaScript 文件 
中 定义 好 ， 之 后 将 这 个 js 文件 作为 user-extension 导入 Selenium IDE 中 。 导 入 之 后 ， 在 
js 文件 中 定义 的 多 个 步骤 看 起 来 就 像 是 一 个 步骤 似 的 被 Test Case 调用 。 

下 面 是 一 个 简单 的 Rollup 范例 ， 将 登录 步骤 合并 为 一 步 ， 具 体 步骤 如 下 。 

E 将 登录 操作 的 源码 保存 为 loginCommandsRollup.js 文件 。 





var manager = new RollupManager); 
manager.addRollupRule{ 
//name,description,pre,post 中 描述 了 Rollup 的 基本 属性 ， 在 IDE 中 ， 选 中 Rollup 行 ， 在 下 
方 的 Rollup 面板 中 可 以 看 到 ， 便 于 用 户 了 解 该 Rollup 
name: loginCommandsRollup, — //Rollup 的 名 字 ， 在 引入 该 Rollup 时 使 用 
description: 'Combine login commands. — /描述 ， 介 绍 该 Rollup 的 功能 
pre: "The Dashboard works.The username and password is correct.', /执行 该 Rollup 的 前 提 条 件 
post:'The user login Dashboard successfully', /执行 该 Rollup 的 结果 
args: [], 
commandMatchers: [], 
getExpandedCommands: functionargs) { 
var commands = []; /定义 一 个 Rollup 包含 的 Step 列表 
/如 下 为 Rollup 包含 的 Step, 按照 顺序 ,依次 被 执行 ,每 个 Step 包含 3 个 字段 ,command、 
target, value, EULA TE HA 
commands. push { 
command: 'open', 
target: '/', 
value: " 
ys 
commands. push { 
command: 'clickAndWait', 
target: 'link= A', 
value: " 
ys 
commands. push { 
command: 'type', 
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D: 


€X302 打开 Selenium IDE， 进 入 options-options...-General， 如 


target: 'id-username', 
value: RRA RRA RR 
Ds 
commands. push { 
command: 'type', 
target: 'id-password', 


value; #### +H EH! 


» 


commands.push( 
command: 'click', 
target: 'id-loginBtn', 
value: " 

ys 


return commands; 











图 2-32 所 示 。 单 击 








Selenium Core extensions.js(user-extensions.js) 一 栏 的 Browser 按钮 , 选中 本 地 的 js 文件 ， 
即 可 导入 Selenium Core extentions 中 。 





Formats — Plugins 


Encoding of test files 
UTF-8 


Default timeout value of recorded command in milliseconds (30s = 30000ms) 


30000 

Selenium Core extensions (user-extensions.js) 
(GRD Desktop/loginDashboard.js 
Selenium IDE extensions 


Tips for extensions: Close and reopen Selenium IDE window to make changes effect. 


You can specify multiple files separated by commas. 


Locator Builders © WebDriver 





图 2-32 导入 js 文件 ， 以 供 Rollup 使 用 





©2103 EF] Selenium IDE 面板 , 添加 Step, Commands 填写 rollup, Target 填写 上 


X js 文件 中 的 
CL x 


所 示 。 














name， 即 loginCommandsRollup， 这 样 便 完成 了 Rollup 的 添加 。 
H Rollup 行 ， 切 换 至 Rollup 面板 ， 即 可 看 到 详情 ,一目了然 ， 如 图 2-33 
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eoe rolluptest (untitled suite) - Selenium IDE 2.9.1 * 
BaseURL https:/www-pingxxcom X 
Fast Slow n 
om Pi be e or dm o-@ 
Test Case rce 
rolluptest * 
Command Target Value 
open 1 
clckAndWatt Inke A 
‘ype id-usemame m 
ye id-passvord o 
cick id=loginEtn 
"diu 
Command rollu X 
Targo: Select Fnd 
Ps 
Runs: o we 
Failures: 0 


Log Reference Ul-Element BEND) 
loginCommandsRollup 


Combine login commands. 

: The Dashboard works. The usemame and password is correct. 
posicondtions: The user login Dashboard successfully. 
curent rollup expands to: 


Paene | Hinr 


ao | E= 


oe 1 grins 





图 2-33 Rollup 的 引用 效果 
另外 ,如 图 2-34 所 示 , 你 也 可 以 单 击 工具 栏 中 的 Apply rollup rules, 直接 添加 Rollup。 





Perform the following command rollup? 


rollup | loginCommandsRollup 


w E 





图 2-34 添加 Rollup 的 对 话 框 


可 以 看 到 ， 原 本 包含 多 个 步骤 的 登录 操作 被 合并 成 一 个 步骤 了 。 这 样 做 不 但 简化 了 


本 结构 ， 还 可 以 在 不 同 的 Test Case 中 引入 这 个 Rollup， 提 高 了 重用 性 ， 降 低 了 维护 
成 本 。 


Q: 添加 Rollup 扩展 之 后 ， 需 要 重启 Selenium IDE 方 可 生效 。 
提 示 
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Rollup 只 适用 于 Selenium IDE 界面 ， 导 出 的 各 个 语言 的 脚本 均 不 支持 Rollup， 比 如 
Python 报错 如 下 : 


# ERROR: Caught exception [ERROR: Unsupported command [rollup | loginCommandsRollup | ]] 
6. 导出 脚本 


Selenium IDE 支持 将 Test Case 导出 为 C£, Java, Python 2、Ruby 脚本 (其 中 不 支 
持 将 Test Suite 导出 为 Python 脚本 )。 下 面 以 导出 基于 Python 的 unitest 框架 及 WebDriver 
的 脚本 为 例 来 介绍 具体 的 操作 步骤 。 


GEO) 如 图 2-35 所 示 ， 录 制 脚本 已 经 准备 好 ， 该 脚本 实现 登录 Ping++ 管 理 平台 
并 进入 企业 账户 的 测试 场景 。 








‘open 
waitForElementPresent link= 登 入 
click link= 登 入 


type id-username == 
type id-password pn 
click id-loginBtn 

waitForElementPresent //div[@id='accountMenu'/span 

click link= 企 业 账 户 





图 2-35 录制 脚本 已 准备 好 


E 如 图 2-36 Ara, HEA File ， 选 择 Export Test Case As... — Python 
2/unittest/WebDriver， 扩 展 名 为 .py， 保 存 至 本 地 。 


New Test Case 3N oardAndCheckBanlance (DashboardTest) - Sí 
Open... 990 
Save Test Case RS 5 
Save Test Case As... > 
Export Test Case As... Cit / NUnit / WebDriver 
Recent Test Cases Cit / NUnit / Remote Control 

Java / JUnit 4 / WebDriver 
EIU Java / TestNG / WebDriver 
sh Java / JUnit 4 / WebDriver Backed 
New Test Suite Java / JUnit 4 / Remote Control 
Open Test Suite... Java / JUnit 3 / Remote Control 
Save Test Suite Java / TestNG / Remote Control 
Save Test Suite As... Python 2 / unittest / WebDriver 
Export Test Suite As... Python 2 / unittest / Remote Control 
Recent Test Suites Ruby / RSpec / WebDriver 

Ruby / Test::Unit / WebDriver 


xm Ruby / RSpec / Remote Control 
T Ruby / Test::Unit / Remote Control 








图 2-36 File 菜单 
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EID 查看 导出 的 脚本 ， 代 码 如 下 : 


# -*- coding: utf-8 -*- 
from selenium import webdriver 





from selenium.webdriver.common.by import By 

from selenium.webdriver.common.keys import Keys 

from selenium.webdriver.support.ui import Select 

from selenium.common.exceptions import NoSuchElementException 
from selenium.common.exceptions import NoAlertPresentException 
import unittest, time, re 


class LoginDashboard AndCheckBalance(unittest. TestCase): 
def setUp(self): 
self.driver = webdriver.Firefox() 
self.driver.implicitly wait(30) 
self.base url = "https://www.pingxx.com/" 
self. verificationErrors = [] 
self.accept_next_alert = True 


deftest login dashboard and check balance(self): 
driver — self.driver 
# open|/| 
driver.get(self.base url + "/") 
# assertTitle | Ping++ 聚合 支付 系统 | 支付 宝 微 信 支 付 分 期 Apple Pay | 
selfassertEqual(u"Ping++ 聚合 支付 系统 | 支付 宝 微 信 支 付 分 期 Apple Pay", 
driver.title) 

# click | link= 登 入 | 
driver.find element by link_text(u" 登 入 ").click() 
# waitForTitle | 管理 平台 | Ping+ | 
for i in range(60): 

try: 

ifu" 管 理 平 台 | Ping++" = drivertitle: break 

except: pass 

time.sleep(1) 
else: self.fail("time out") 
# store | 六 六 六 六 六 六 六 六 六 六 | username 


username = "****#*#####" 


# store | ******** | password 
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password = "汪汪 本 本 本 本 本 本 
# type | id=username | $ {username} 
driver.find_element_by_id("username").clear() 
driver.find_element_by_id("username").send_keys(username) 
# type | id=password | $ {password} 
driver.find element by id("password").clear() 
driver.find element by id("password").send keys(password) 
click | id-loginBtn | 
driver.find element by id("loginBtn").click() 
# 等 待 账户 入 口 出 现 
# waitForElementPresent | id=accountMenu | 
for i in range(60): 
try: 
if self.is_element_present(By.ID, "accountMenu"): break 
except: pass 
time.sleep(1) 
else: self.fail("time out") 
# verifyVisible | id=accountMenu | 
try: self.assertTrue(driver.find_element_by_id("accountMenu").is_displayed()) 
except AssertionError as e: self.verificationErrors.append(str(e)) 
# click | //div[@id='accountMenu'|/span | 
driver.find_element_by_xpath("//div[@id='accountMenu']/span").click() 
# click | link= 企 业 账户 | 
driver.find element by link text(u" 企 业 账 户 ").clickO) 
# waitForVisible | class=text-blue balance_charge | 
# ERROR: Caught exception [Error: unknown strategy [class] for locator [class=text-blue 
balance_charge]] 
# waitForElementPresent | css=a.active | 
for i in range(60): 
try: 
if self.is_element_present(By.CSS_SELECTOR, "a.active"): break 
except: pass 
time.sleep(1) 
else: self.fail("time out") 
# click | css=a.active | 
driver.find_element_by_css_selector("a.active").click() 
# waitForVisible | css=span.text-blue.balance_details | 
for i in range(60): 
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try: 
if driver.find element by css selector ("span.text-blue.balance details")is displayed(): 
break 
except: pass 
time.sleep(1) 
else: self.fail("time out") 
# click | css-span.text-blue.balance details | 
driver.find element by css selector("span.text-blue.balance details").click() 
# 等 待 余额 明细 可 见 
# waitForElementPresent | id=balance_details | 
for i in range(60): 
try: 
if self.is_element_present(By.ID, "balance_details"): break 
except: pass 
time.sleep(1) 
else: self.fail("time out") 


def is_element_present(self, how, what): 
try: self.driver.find_element(by=how, value=what) 
except NoSuchElementException as e: return False 


return True 


def is_alert_present(self): 
try: self.driver.switch_to_alert() 
except NoAlertPresentException as e: return False 


return True 


def close alert and get its text(self): 
try: 
alert = self.driver.switch to alert() 
alert text — alert.text 
ifself.accept next alert: 
alert.accept() 
else: 
alert.dismiss() 
return alert text 
finally: self.accept next alert = True 
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def tearDown(self): 
self.driver.quit() 
self.assertEqual([], self.verificationErrors) 
if name --" main ": 
unittest.main() 


上 述 脚本 中 ， 除 了 实际 的 操作 步骤 之 外 ,末尾 还 有 一 些 附 加 的 代码 ， 这 些 代码 是 可 
在 IDE 中 设置 的 。 具体 的 设置 方法 是 ， 进 入 Option 一 Option... 一 Formats， 选 择 Python 2/ 
unittest/WebDriver, 如 图 2-37 所 示 , 可 自 定义 Header. Footer. Indent, Show Selenese 等 ， 
以 及 关于 Selenium RC 的 配置 。 





General = Plugins Locator Builders WebDriver 
HTML Python 2 / unittest / WebDriver 
Cf / NUnit / We... 


C&/NUnit/Re.. Variable for Selenium instance 

Java/ JUnit4/... driver 

Java /TestNG/... | selenium RC host 

Java / JUnit 4/... 

Java / JUnit 41.… localhost 

Java / JUnit 3/... Selenium RC port 

Java / TestNG /... 

Python 2/unitt... 4444 

Python 2 / unitt... Environment 

Ruby / RSpec / 
“chi 

Ruby / Test: 一 一- 

Ruby/RSpec/... Header 

Ruby / TestzUni.. | # +- coding: utf-8 -"- 
from selenium import webdriver 
from selenium. webdriver.common.by import By 
from selenium.webdriver.common.keys import Keys 


Footer 






def is element present(self, how, what): 
try: seif.driver/find element(by-how, value-what) 
except NoSuchElementException as e: return False 





Indent 
4 spaces 
Show Selenese 
Add Rename Delete Source 
Reset Options 取消 确定 





图 2-37 配置 导出 脚本 的 格式 


在 此 介绍 的 Selenium IDE 应 用 只 是 Selenium 家 族 的 冰山 一 角 。 

你 会 发 现 ，Selenium IDE 可 快速 上 手 ， 方 便 新 手 入 门 ， 但 也 恰恰 因为 它 的 简易 ， 只 
能 录制 、 管 理 比较 简单 的 测试 用 例 ， 不 能 作为 开发 和 维护 复杂 测试 集合 的 解决 方案 。 后 
续 我 们 将 了 解 Selenium 家 族 的 其 他 成 员 , 希望 本 小 节 已 经 开启 你 学 习 Selenium 的 大 门 。 
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2.4 Selenium WebDriver 


如 果 Selenium IDE 已 经 让 你 度 过 了 自动 化 测试 的 破冰 期 ， 那 么 接 下 来 要 学 习 的 
Selenium WebDriver 会 让 你 开阔 视野 ， 帮 助 我 们 处 理 更 加 复杂 的 测试 场景 。Selenium 
WebDriver 提供 了 一 套 友 好 的 API， 支 持 Java, Python, Ruby 和 C# 等 多 种 编程 语言 
创建 测试 脚本 。 为 了 突出 Selenium WebDriver 的 设计 思想 ， 弱 化 编程 语言 本 身 对 测试 脚 
本 的 影响 ， 本 节 将 从 工作 原理 入 手 ， 在 场景 演练 环节 分 别 介绍 Python 和 Java 两 门 语言 
的 入 门 示 例 。 

2.4.1 工作 原理 

Selenium WebDriver 是 调用 浏览 器 的 原生 接口 来 操作 浏览 器 的 。 也 就 是 说 ， 测 试 脚 
本 操作 浏览 器 的 过 程 就 是 在 测试 脚本 中 创建 WebDriver 对 象 ， 再 通过 这 个 对 象 调 用 
WebDriver API 来 访问 浏览 器 接口 ， 从 而 操作 浏览 器 的 过 程 。 

如 图 2-38 所 示 ， 我 们 在 测试 脚本 中 使 用 Selenium WebDriver， 无 论 是 哪 种 平台 、 哪 
种 浏览 器 ， 处 理 罗 辑 都 是 通过 一 个 ComandExecutor 发 送 命令 ， 实 际 上 就 是 一 条 发 送 给 
Web Service 的 HTTP 请 求 。Web Service 是 基于 特定 WebDriver Wire 协议 的 RESTful 
接口 , 测试 脚本 通知 浏览 器 要 做 的 操作 都 包含 于 发 送 给 Web Service 的 HTTP 请 求 体 中 。 


FirefoxDriver InternetExplorerDriver ChromeDriver SafariDriver 
LazyCommandExecutor 


HttpCommandExecutor — DriverCommandExecutor — SafariDrivercommandExecutor 


HttpClient 


Web Service ( RESTful) 
[2-38 Selenium WebDriver 实现 原理 
不 同 浏览 器 的 WebDriver FX (FirefoxDriver, InternetExplorerDriver. ChromeDriver, 


SafariDriver 等 ) 都 需要 依赖 特定 的 浏览 器 原生 组 件 ， 例 如 Firefox 需要 附加 组 件 
webdriver.xpi. ifj IE 需要 用 到 一 个 dll 文件 来 转化 Web Service 的 命令 为 浏览 器 调用 。 
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以 下 是 Selenium HttpCommandExecutor 类 的 部 分 代码 。 里 面 维 护 了 一 个 Map. 它 会 
将 简单 的 命令 转化 为 相应 的 请 求 URL。 当 RESTful Web Service 接收 到 HTTP 请 求 后 ， 


它 便 解 析出 


需要 执行 的 操作 。 同 时 ， 代 码 还 表现 出 : 请 求 是 基于 sessionId 的 ， 这 意味 着 


不 同 WebDriver 对 象 在 多 线程 并 行 的 时 候 不 会 有 冲突 和 干扰 。 


nameToUrl = ImmutableMap.<String, CommandInfo>builder() 





.put(NEW SESSION, post("/session")) 

.put(QUIT, delete("/session/:sessionId")) 

.put(GET CURRENT WINDOW HANDLE, get("/session/:sessionId/window handle")) 
.put(GET WINDOW HANDLES, get("/session/:sessionld/window handles")) 
.put(GET, post("/session/:sessionId/url")) 


// The Alert API is still experimental and should not be used. 
.put(GET ALERT, get("/session/:sessionId/alert")) 
.put(DISMISS ALERT, post("/session/:sessionId/dismiss alert") 
.put(ACCEPT ALERT, post("/session/:sessionld/accept alert") 
.put(GET ALERT TEXT, get("/session/:sessionId/alert text")) 
.put(SET ALERT VALUE, post("/session/:sessionId/alert text")) 


Selenium WebDriver 把 这 些 逻 辑 都 封装 了 起 来 ， 我 们 只 需要 关心 driver 对 象 的 创建 
以 及 调用 driver 对 象 的 哪个 方法 来 操作 页 面 元 素 。 


2.4.2 元 素 定位 


元 素 定 


位 ， 即 通过 元 素 特有 的 属性 唯一 确定 元 素 的 过 程 。 比 如 说 ， 页 面 上 有 标签 、 


文本 框 、 按 钮 等 多 个 元 素 ， 我 们 要 编写 脚本 来 实现 按钮 的 点 击 操作 。 在 编写 Selenium 
WebDriver 脚本 之 前 ， 首 先 要 了 解 如 何 让 浏览 器 “知道 ”我 们 将 要 操作 的 是 哪个 元 素 。 


1. 常见 的 元 素 定位 方法 


页 面 中 


的 元 素 定位 是 使 用 DOM 元 素 属 性 进行 实现 的 ,使 用 Firefox 浏览 器 的 Firebug 





插件 或 Chrome 浏览 器 的 Inspector (检查 器 ) 可 以 很 方便 地 来 定位 元 素 ， 并 查看 元 素 属 
性 ， 如 图 2-39 所 示 。 


下 面 介 
对 象 的 , 这 是 


绍 常见 的 元 素 定 位 方法 。 注 意 ，Selenium WebDriver 脚本 是 基于 WebDriver 





为 了 演示 元 素 定 位 而 跳 过 了 WebDriver 对 象 的 创建 , 直接 引用 了 WebDriver 


WE (driver) 。2.4.3 场景 演练 中 有 WebDriver 对 象 的 创建 语句 ， 第 3 章 详细 介绍 了 不 
同类 型 的 WebDriver 对 象 。 
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ed="false" aria 





input type="subeit™ cl 
WH tabindex- 0 


-. tr hp cellCenter shp container #s 








图 2-39 ”使 用 Chrome Inspector 查看 元 素 属性 
e ID: 根据 DOM 元 素 的 ID 属性 定位 。 例 如 以 下 元 素 及 相应 定位 方法 : 


<div id="pingxx">...</div> 


WebElement element = driver.findElement(By.id("pingxx ")); 
e Name: 根据 DOM 元 素 的 Name 属性 定位 。 


<input name="pingxx" type="text"/> 
WebElement element = driver.findElement(By.name("pingxx")); 


e ClassName: 根据 DOM 元 素 的 Class 属性 定位 。 例 如 以 下 元 素 及 相应 定位 方法 : 


<div class="test"><span>Pingxx</span></div><div class="test"><span>Gouda</span></div> 


List<WebElement> tests = driver.findElements(By.className("test")); 
e TagName: 根据 DOM 元 素 的 TagName 定位 。 例 如 以 下 元 素 及 相应 定位 方法 : 


<iframe sre="..."></iframe> 


WebElement frame = driver.findElement(By.tagName("iframe")); 
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e LinkText: 根据 DOM 元 素 Clink) 的 文本 内 容 定位 。 例 如 以 下 元 素 及 相应 定位 


方法 : 
<a href="http://www. google.com/search?q=pingxx">searchPingxx</a> 


WebElement cheese = driver.findElement( By. linkText("searchPingxx")); 


e PartialLinkText: 根据 DOM 元 素 Clink) 的 部 分 文本 内 容 定位 。 例 如 以 下 元 素 及 


相应 定位 方法 : 
<a href="http://www.google.com/search?q=pingxx">search for Pingxx</a> 
WebElement cheese = driver.findElement( By.partialLinkText("Pingxx")); 
e CssSelector: 根据 CSS 选择 器 定位 元 素 。 


<div id="food"> <span class="dairy">milk</span> <span class="dairy aged">cheese</span> </div> 


WebElement cheese = driver.findElement(By.cssSelector("#food span.dairy.aged")); 





e XPath: 使 用 XPath 定位 元 素 。 在 Firefox 浏览 器 中 可 以 下 载 firebug 插件 或 firepath 


插件 来 直接 获得 元 素 的 XPath 。 


<input type="text" name="example" /> 
<input type="text" name-"other" /> 


List<WebElement> inputs = driver. findElements(By.xpath("//input")); 


2. 如 何 选择 定位 方法 


前 面 介绍 了 多 种 元 素 定 位 的 方法 , 可 谓 “ 条 条 大 道 通 罗 马 ”。 那么 , 在 实际 项 目 中 ， 


如 何 选择 最 适合 的 定位 方法 呢 ?” 这 是 测试 脚本 的 编写 者 经 常会 面临 的 问题 。 
A) 当 页 面 元 素 存在 id 属性 时 ， 一 般 使 用 id 来 定位 ， 因 为 id 具有 唯一 性 ， 


可 以 


直接 定位 到 这 个 元 素 。 然 而 ， 在 实际 项 目 中 ， 有 时 会 出 现 缺 少 标准 属性 例如 没有 id 





属性 或 者 某 些 元 素 的 id 是 动态 的 ) 、 页 面 刷新 会 改变 等 情况 ， 这 时 就 只 能 选择 其 他 


属性 


(2) 如 果 这 个 元 素 不 存在 诸如 id 这 类 唯一 值 的 属性 ， 也 就 是 说 ， 我 们 不 方便 通过 


某 个 值 直 接 定位 到 这 个 元 素 。 那 么 ， 可 以 转变 思路 : 先 找 到 一 类 元 素 ， 再 通过 具体 





的 顺 


序 位 置 定位 到 某 一 个 元 素 。 一般 在 这 种 情况 下 ,可 以 考虑 用 TagName 或 ClassName, “4 
有 链接 需要 定位 时 ， 可 以 考虑 linkText 或 partialLinkText 方式 。 代 码 里 可 以 直接 看 到 链 





接 的 文本 内 容 ， 增 强 代 码 的 可 读 性 ， 便 于 维护 。 
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(3) XPath 定位 很 强大 ， 但 定位 性 能 不 是 很 好 ， 且 可 读 性 也 会 变 差 。 例 如 这 一 段 
代码 : 


driver.findElement(By.id("btn_login")).click(); 


上 述 语 名 可 以 很 明确 地 看 出 是 在 单 击 “ 登 录 ” 按 钮 进行 登录 操作 ， 若 使 用 XPath, 
这 句 则 变 成 : 
driver.findElement(By.xpath( “/html/body/div[2]/div/div/div[3]/a[7]” )).click(); 


显然 后 者 的 表述 形式 不 够 简明 。 另 一 方面 ， 如 果 页 面 上 的 元 素 位 置 做 了 调整 ， 即 元 
素 路 径 变 了 ， 那 么 使 用 XPath 的 脚本 也 要 调整 ， 这 说 明 大 量 使 用 XPath 的 测试 脚本 维护 
成 本 很 高 。 因 此 建议 只 有 在 少数 元 素 不 好 定位 的 情况 下 ， 选 择 XPath 或 cssSelector。 

(4) 上 面 提 到 的 均 是 Selenium WebDriver 自 带 的 元 素 定 位 方法 ， 在 一 些 特殊 情况 
下 ， 它 们 或 许 都 无 法 满足 我 们 的 需求 。 但 是 ， 我 们 可 以 另辟蹊径 ， 用 JavaScript 来 操作 
元 素 。Selenium WebDriver 提供 了 执行 JavaScript 语句 的 方法 ， 可 以 直接 调用 。 由 于 这 
种 方式 需要 一 定 的 JavaScript 功底 ， 笔 者 这 里 不 做 详细 介绍 ，7.2.2 小 革 代 码 示例 中 有 所 


24.3 场景 演练 


下 文 将 以 “Bing 搜索 ”为 例 介绍 Selenium WebDriver 编写 测试 脚本 的 整个 过 程 。 
采用 Java 和 Python 两 门 语言 作为 示例 代码 。 
1. 环境 准备 
CD 确保 编程 语言 的 运行 环境 是 可 用 的 。 
e Java: 不 论 你 是 否 要 写 Java 代码 ， 最 好 都 先 准备 IRE 环境 ，2.2 小 节 提 到 过 
RemoteWebDriver， 它 依赖 一 个 启动 Jar 包 Selenium Server， 而 在 2.4 节 中 我 们 
也 会 用 到 Jar 包 。 访 问 http://www.oracle.com/technetwork/java/javase/downloads 
可 下 载 最 新 版 本 的 JDK。 
e Python: 如 果 你 选择 Python 作为 测试 脚本 的 语言 ,可 访问 https://www.python.org/ 
downloads/ 下 载 安装 包 。 由 于 Python 2 与 Python 3 不 能 完全 兼容 , 请 选择 合适 的 
Python 版 本 下 载 。 本 书 的 示例 代码 均 在 2.7.8 版 本 中 执行 成 功 。 
(2) 下 载 该 编程 语言 对 应 的 Selenium 包 ， 又 称 为 Selenium Language Binding 
Package， 如 图 2-40 所 示 。 下 载 地 址 : http://docs.seleniumhq.org/download/。 如 果 你 使 用 
Python， 并 且 安 装 了 pip， 可 使 用 pip install selenium 命令 下 载 。 
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Selenium Client & WebDriver Language Bindings 

In order to create scripts that interact with the Selenium Server (Selenium RC, Selenium Remote 
WebDriver) or create local Selenium Webbriver scripts, you need to make use of language-specific 
client drivers. These languages include both 1.x and 2.x style clients. 


While language bindings for other languages exist, these are the core ones that are supported by the 
main project hosted on google code. 




















Language Client Version Release Date 

Java 3.0.1 2016-10-18 Download Changelog Javadoc 
cs 3.0.0 2016-10-13 Download Change log API docs 
Ruby 3.0.0 2016-10-13 Download Change log API docs 
Python Selenium 3.0.0.b2 2016-08-03 Download Change log API docs 








Javascript (Node) 3.0.0-beta-2 2016-08-07 Download Change log API docs 














图 2-40 WebDriver 各 个 语言 包 的 下 载 页 面 
(3) 目标 浏览 器 以 及 相应 的 Driver 文件 。 因 浏览 器 的 不 同 ，Driver 文件 的 形式 和 





法 也 不 同 。 各 个 Driver 对 象 的 介绍 将 在 第 3 章 中 详细 说 明 。 下 文 示例 中 将 使 用 


FireFoxDrvier， 无 须 额外 下 载 Driver 文件 ， 只 需要 Firefox 浏览 器 安装 完成 即 可 。 


2. Python 篇 : Selenium WebDriver 脚本 


测试 场景 : 在 http://cn.bing.com/ 中 搜索 关键 字 WebDriver。 
AR: 


ED) 在 脚本 中 导入 Selenium Python 包 。 
€02 创建 Firefox 的 WebDriver WR. 
€X03 调用 get 方法 打开 Bing 页 面 。 
ED 找到 搜索 文本 框 ， 输 入 WebDriver。 
Hos 单 击 “搜索 ”按钮 。 

CLs 调用 quit 方法 关闭 页 面 ， 结 束 测试 。 








from selenium import webdriver 

driver =webdriver.Firefox() 

driver.get("http://cn.bing.com/") 
driver.find_element_by_id("sb_form_q").send_keys("WebDriver") 
driver.find_element_by_id("sb_form_go").click() 

driver.quit() 


将 上 述 代码 保存 为 Python 文件 即 可 执行 。 这 是 一 个 最 简单 的 示例 ， 既 没有 考虑 页 


面 加 载 所 需 的 等 待 时 间 ， 也 没有 考虑 输出 测试 结果 。 和 希望 通过 这 个 示例 能 让 你 感受 到 
Selenium WebDriver 的 入 门 非常 简单 。 至 于 下 面 的 Java 篇 ， 是 希望 让 你 了 解 ， 对 于 不 同 
的 编程 语言 ，Selenium WebDriver 的 使 用 也 非常 类 似 。 无 论 你 在 实际 工作 中 使 用 的 是 
Python 还 是 Java， 抑 或 是 其 他 语言 ， 本 书 各 个 示例 都 有 一 定 的 参考 价值 。 
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3. Java 篇 : Selenium WebDriver 脚本 


(1) 创建 测试 用 例 

使 用 Selenium WebDriver 原本 与 单元 测试 框架 并 没有 直接 的 关系 ， 本 节 引 入 JUnit 
单元 测试 框架 ， 可 以 方便 生成 报告 、 进 行 代码 注解 等 。 

在 Eclipse 的 测试 项 目 中 新 建 一 个 JUnit Test Case， 选 择 New JUnit 4 test 类 型 创建 ， 
如 图 2-41 所 示 。Eclipse 一 般 会 自 带 JUnit4 的 Jar 包 ， 只 需 在 单 击 Finish 后 弹出 的 窗口 
中 单 击 “ 确 定 ” 按 钮 即 可 。 如 图 2-42 所 示 ，JUnit 包 已 经 添加 到 项 目 中 了 。 








JUnit Test Case 


Select the rame of the new JUnit test case. You have the options tospecty == 
the ciosa under test and cn the nent page, to select methods to be este E 


New JUnit 3test 。 New JUnit 4 test 


Sourcetolder Seenumweborverlsrc Browse 
Package: com selenium test Browse 
Name Testing = z z 
4 Soy > SeleniumWebDriver 
Superclass:  java.lang Object Browse - D 
> BÀ JUnit 4 
Which method stubs would you like to create? 
setupBetoreCinss)  tearDownAnerCiosa() 4 $8 sre 
setup) tesrDownÜ 4 JR com.selenium.test 
iJ TestBing.java 
Do you want to add comments? (Configure templates and default value here) TE dps 
Generate comments. D TestGrid java 
Ei, Referenced Libraries 
Class under test: Browse. > BA JRE System Library [jre1.8.0 121] 


È libs 
E} CHANGELOG 


x» selenium-java-2.42.2-srcs.jar 


x» selenium-java-2.42.2 jar 


@ farce Trian we selenium-server-standalone-2.42.2jar 








图 2-41 新 建 Test Case 图 2-42 测试 项 目的 文件 结构 


(2) 编写 测试 脚本 
创建 成 功 后 就 可 以 在 TestBing.java 中 写 入 测试 代码 了 ， 代 码 如 下 。 这 里 为 了 方便 ， 
使 用 了 Thread.sleep(2000); 作为 等 待 处 理 , 关于 Selenium WebDriver 的 Wait 写法 , 参见 
2.4.4 小 节 。 





package com.selenium.test; 

import org.junit.*; 

import org.openga.selenium.*; 

import org.openqa.selenium.chrome.ChromeDriver; 
import org.openqa.selenium.firefox.FirefoxDriver; 
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public class TestBing { 
private WebDriver driver; 
private String baseUrl; 


@Before 
public void setUp() throws Exception { 
driver = new FirefoxDriver(); 
baseUrl = "http://cn.bing.com/"; 
j 


@Test 
public void testBing() throws Exception { 
driver.get(baseUrl); 
Thread.sleep(2000); 


driver.findElement(By.id("sb form q")).sendKeys("WebDriver"); 
driver.findElement(By.id("sb form go"))click(); 
j 


@After 
public void tearDown() throws Exception { 
driver.quit(); 
} 
} 
(3) 运行 测试 脚本 
运行 此 程序 时 ， 需 要 在 TestBingjava 上 右 击 ， 然 后 在 弹出 的 快捷 菜单 中 依次 单 击 
Run As 一 JUnit Test。 
以 上 述 代码 为 例 ， 若 执行 成 功 ， 则 会 弹出 火狐 浏览 器 ， 自 动 打开 必 应 首页 并 输入 关 
键 字 进 行 搜索 ， 之 后 浏览 器 自动 退出 ， 测 试 结束 ， 如 图 2-43 所 示 。 
I$ Package Explorer gj JUnit 2% eg 
m" 5j Q B." 








Finished after 6.361 seconds 
Runs: 1/1 B Errors: 0 B Failures: 0 


> Eicom.selenium.test TestBing (Runner: JUnit 4] (6.297 s) 





图 2-43 ”脚本 的 执行 结果 
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2.4.4 Wait 


在 2.3.3 小 节 Selenese 中 ,我 们 已 经 了 解 了 Selenium IDE 提供 的 Wait 方法 。 接 下 来 ， 
将 学 习 Wait 在 Selenium WebDriver 中 的 写法 。 


1. 显 式 等 待 


EASi (Explicit Wait) 就 是 提供 了 明确 的 等 待 条 件 ， 若 条 件 满足 ， 则 不 再 等 待 ， 
继续 执行 后 续 代码 。 例 如 ， 我 们 需要 清空 id 属性 为 sb_form_q 的 文本 框 内 容 ， 用 Java 代 
码 可 以 写 为 : 

driver.findElement(By.id( *sb form q" )).clear(); 


为 了 避免 在 页 面 加 载 过 程 中 因 sb. form q 元 素 未 出 现 导 致 代码 执行 失败 ， 我 们 可 以 
增加 Wait 条 件 ， 等 待 sb_form_q 元 素 出 现 之 后 ， 再 做 清空 操作 。 其 代码 如 下 : 
WebElement searchElement = (new WebDriverWait(driver,10)).until(new ExpectedCondition 
<WebElement>(){ 
public WebElement apply (WebDriver wd) { 
return wd.findElement(By.id("sb form q")); 
} 
» 


searchElement.clear(); 


在 上 述 代码 中 ,时 间 设 置 为 最 多 等 待 10 秒 ， 超 时 会 抛 出 异常 TimeoutException. 在 
这 10 秒 内 ，WebDriverWait 默认 每 隔 500 毫秒 调用 一 次 ExpectedCondition 来 确认 是 否 
找到 元 素 。 


2. 隐 式 等 待 


隐 式 等 待 〈Implicit Wait) 没有 明确 设 定 在 何 时 开始 等 待 ， 它 相当 于 设置 了 全 局 范 
围 的 等 待 ， 对 所 有 元 素 设置 等 待 时 间 ， 在 WebDriver 对 象 的 整个 生命 周期 中 生效 。 若 不 
设置 ， 则 默认 为 0。 

代码 如 下 ， 在 初始 化 方法 中 ， 设 置 了 全 局 30 秒 等 待 时 间 : 


@Before 
public void setUp() throws Exception { 
driver = new FirefoxDriver(); 
baseUrl = "https://www.xxx.com"; 
driver.manage().timeouts().implicitly Wait(30, TimeUnit.SECONDS); 
} 
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24.5 ”常用 的 断言 


K 2-1 罗列 了 Selenium WebDriver 常用 的 断言 方法 ， 并 附 上 Selenium IDE 中 对 应 的 











Selenese 命令 作为 对 照 。 
表 2-1 Selenium WebDriver 常 用 的 断言 方法 

断言 Selenium IDE Selenium WebDriver 
判断 标题 是 否 是 期 
ai assertTitle assertEquals("expectedWebTitle", driver.getTitle()); 
判断 标题 是 否 不 是 . i ae . . 
we assertNotTitle assertThat("expectedWebTitle", is(not(driver.getTitle()))); 

try í 
判断 标题 是 否 是 期 户 assertEquals("expectedWebTitle", driver.getTitle()); 
值 (Verify 断言 失败 ，| verifyTitle } catch (Error e) { 
测试 过 程 不 中 断 ) verificationErrors.append(e.toString()); 

} 

try { 
判断 标题 是 否 不 是 期 assertThat(" expectedWebTitle ", 
n a 断言 失 | verifyNotTitle ee: 

| H 


败 , 测试 过 程 不 中 断 ) 


} catch (Error e) { 
verificationErrors.append(e.toString()); 
j 





判断 当前 URL 是 否 
是 期 望 值 


assertLocation 


assertEquals("http://expectedURL/", 
driver.getCurrentUrl()); 





assertEquals(" 13800000000", 

















判断 输入 框 的 值 是 

. E assertValue driver.findElement(By.id("phoneNum")) 
和 否 是 期 望 值 

.getAttribute("value")); 
判断 文本 框 的 内 容 assertEquals("phoneNum: ", driverfindElement 
: , assertText 
是 否 是 期 望 值 (By.cssSelector("span.left")).getText()); 
判断 选项 是 否 已 被 assertTrue(driver.findElement( By.id("agree")) 
s assertChecked . 
Abus isSelected()); 
判断 选项 是 否 未 被 assertFalse(driver.findElement(By.id("agree")) 
assertNotChecked 

勾 选 .isSelected()); 
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( 续 表 ) 
断言 Selenium IDE Selenium WebDriver 
判断 某 元 素 的 某 个 assertEquals("password", 
" assertAttribute driver.findElement(By.id("password")) 

NOTER .getAttribute("placeholder")); 

assertTrue(isElementPresent(By.id("downloadBtn"))); 

private boolean isElementPresent(By by) ( 
AR * Te x " pn findElement(by); 
Mic E assertElementPresent return true; 
方法 ) } catch (NoSuchElementException e) { 

return false; 
} 
} 

判断 某 个 元 素 是 否 " assertTrue(driver.findElement(By.id("historyQueryBtn")) 
可 见 assertVisible isDisplayed(); 








2.5 Selenium Grid 


随 着 对 Selenium IDE 和 Selenium WebDriver 的 学 习 ， 我 们 已 经 了 解 了 测试 脚本 的 
编写 方法 。 接 下 来 ， 将 学 习 Selenium Grid 的 用 法 ， 利 用 这 一 分 布 式 测试 执行 工具 来 提 


升 脚本 执行 效率 。 
2.5.1 











当 测 试 

















给 Node 来 执行 。 使 月 


工作 原理 


例 需 要 同时 在 多 个 平台 和 浏览 器 上 执行 时 ， 就 可 以 使 用 Selenium Grid. t 
图 2-44 所 示 ， 其 整个 结构 是 
来 管理 各 个 Node 的 状态 ， 并 且 接 受 远程 客户 端 代码 的 调用 请 求 ， 再 把 请 求 命令 转发 








一 个 Hub 节点 和 若干 个 Node( 代 理 节点 ) 组 成 的 。Hub 

















H Selenium Grid 远程 执行 测试 代码 与 直接 调用 Selenium Server 是 一 


样 的 ， 只 是 环境 启动 的 方式 不 一 样 ， 需 要 同时 启动 一 个 Hub 和 至 少 一 个 Node. 
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Selenium GRID is a network of HUB & "Nodes. 


Each node registers to the HUB with a certain 
configuration and HUB is aware of the 
browsers available on the node 


When a request comes to the HUB for a specific 
browser [with Desired capabilities object] , the 
HUB , if found a match for the requested 

browser, re-directs the call to "that" particular 
GRID Node and then a session is established bi- 
directionally and execution starts. 


JSON over 
wire/http 

























































图 2-44 Selenium Grid 工作 原理 


2.5.2 ”环境 搭建 


首先 需要 为 所 有 执行 测试 脚本 的 机 器 准备 好 Selenium WebDriver 环境 , 可 参考 2.4.3 
小 节 。 之 后 就 可 以 开始 准备 Selenium Grid 环境 了 。 


1. 启动 Hub 
启动 命令 为 : 


如 图 2-45 所 示 ， 这 里 使 月 








java -jar selenium-server-standalone-x.xx.x.jar -role hub 


日 的 是 selenium-server-standalone-2.42.2.jar。 


启动 Hub 的 机 器 可 以 是 任意 一 台 有 Java 运行 环境 的 机 器 ， 它 是 整个 Selenium Grid 





的 中 枢 节 点 , 所 有 的 远程 测试 都 会 经 由 它 转发 出 去 , 之 后 在 对 应 的 测试 机 器 上 执行 测试 。 
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ler{/ ,null} 








图 2-46 显示 默认 端口 是 4444， 可 在 启动 时 通过 -port 参数 来 指定 端口 。 若 可 以 成 功 
访问 http://<your_hub_host>:4444/， 则 说 明 Hub 已 被 成 功 启动 。 单 击 页 面 中 的 console 可 
ost 118 m (进入 console 的 时 候 速 度 很 慢 ， 需 要 耐心 等 待 一 段 时 间 ) ， 此 时 
尚未 启动 节点 ， 因 此 里 面 是 空白 的 ， 没 有 节点 信息 。 











102.168.1.108 








是 否 启 动 成 功 
启动 Node 
在 测试 机 器 上 打开 一 个 终端 ， 执 行 以 下 命令 ， 如 图 2-47 所 示 。 


java -jar selenium-server-standalone-x.xx.x.jar -role node -hub http:// <your_hub_host>:4444/ 
grid/register -port 4000 


r-standalone-2.4; T 
— 
org.openqa.grid.selenlum.GrldLauncher mein 
eleniun grid node 
Java: Oracle Corporation 25.181-bi3 


vd] 
leniun-server/driver 


19.279 INFO - Registering the node to hub :http:/ 











图 2-47 Selenium Grid — 指定 端口 启动 
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-hub http:/ <your_hub_host>:4444/grid/register 用 于 Node 注册 , 即 当 前 的 测试 机 器 作 
为 上 一 步 Hub 的 Node. -port 参数 是 可 选 的 , 用 于 指定 Node 注册 时 的 端口 , 若 不 加 -port 
端口 号 ， 则 默认 是 从 5555 端口 启动 。 

若 要 为 Hub 启动 多 个 Node， 要 注意 为 每 个 Node 分 配 不 同 的 端口 。 

java -jar selenium-server-standalone-x.xx.x.jar -role node -port 4000 


java -jar selenium-server-standalone-x.xx.x.jar -role node -port 4001 
java -jar selenium-server-standalone-x.xx.x.jar -role node -port 4002 


3. 查看 Selenium Grid 状态 


“4 Hub 与 Node 都 启动 成 功 后 ,可 以 通过 Hub 的 Console 页 面 查看 当前 Selenium Grid 
的 状态 ， 直 接 访 问 地 址 http:// <your_hub_host>:4444/grid/console。 

如 图 2-48 所 示 ， 页 面 显 示 了 可 用 于 测试 的 Node 数量 和 类 型 ， 这 里 显示 的 数量 与 类 
型 和 启动 Node 时 所 带 的 配置 参数 有 关 。 启 动 Node 其 实 就 是 一 个 注册 过 程 ， 启 动 时 所 
带 的 参数 会 被 Hub 记录 为 注册 信息 ， 所 以 页 面 中 所 看 到 的 信息 就 是 Node 注册 信息 的 
汇总 。 









node node 
teHosthttp://192.168.1.111:4000 rematetos:htp:/192.168.57.1:4001 

hubHost:192.168.1.105 hubHost:127.0. 

hobport 4444 hubPorc 4444 

priortizer:null prortizer:nul 

i timeout: 300000. 
throwOnCapabiityNotPresent:true. rowOnCapebityhctPresent vue 

nodePoi nodePoling: S000 

tnt //192 168.1 1114000 Vi Nto/182 16857 14001 

'aitTimeout.- newSessionWatTimeout- 





Sr openga gra selenium proxy Déterctehom peony or openga gr inium proxy DefutRamotaPrany 
Cr 
fbn: 192 168.1. 105:4444/oridrepster 


Timeout: 0 
host:192.168.1.111 
ses 


TegeterCyc.s000. 
Pet tha iong openga gri tara te Dec up tar 
MaxTireads:- 


foser tue 





view config 





图 2-48 查看 所 有 节点 的 注册 信息 
4. 代码 运行 


当 Hub 和 Node 都 已 设置 完毕 ， 且 WebDriver 环境 已 搭建 完成 时 ， 便 可 以 在 代码 里 
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进行 调用 了 。 下 面 以 简单 的 必 应 搜索 功能 为 例 来 说 明 如 何 调用 使 用 4000 端口 的 Node 
机 器 ， 代 码 如 下 : 


package com.selenium.test; 
import java.net.MalformedURLException; 
import java.net. URL; 
import org junit.*; 
import org.openqa.selenium.*; 
import org.openqa.selenium.ie.InternetExplorerDriver; 
import org.openqa.selenium.remote.Desired Capabilities; 
import org.openga.selenium.remote.RemoteWebDriver; 
import org.openqa.selenium.support.ui.ExpectedCondition; 
import org.openqa.selenium.support.ui. WebDriverWait; 
public class TestGrid { 
private String baseUrl; 
(a)Test 
public void testGrid() throws Exception { 
baseUrl = "http://cn.bing.com/"; 
DesiredCapabilities capability =new DesiredCapabilities(); 
capability.setBrowserName("firefox"); 
capability.setPlatform(Platform. VISTA); 
WebDriver driver=null; 
try { 
driver = new Remote WebDriver(new 
URL("http://192.168.1.111:4000/wd/hub"),capability); 
/your node ip : port 


j 
catch (MalformedURLException e) ( 
e.printStackTrace(); 
} 
driver.get(baseUrl); 


WebElement searchElement = (new WebDriverWait(driver,10)).until(new ExpectedCondition 
<WebElement>(){ 
public WebElement apply (WebDriver wd) 
return wd.findElement(By.id("sb form q")) 
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» 


searchElement.clear(); 
searchElement.sendKeys("WebDriver"); 
driver.findElement(By.id("sb form go")).click(); 


driver.quit(); 


26 小 2 


本 章 虽 然 是 入 门 环 节 ， 但 是 涵盖 了 Selenium 的 多 个 方面 。 

e Selenium IDE 方便 上 手 , 但 是 有 一 定 的 局 限 性 。 可 以 利用 Rollup 提高 脚本 的 复 用 。 

e Selenium WebDriver 要 求 有 编程 基础 , 要 求 测试 人 员 在 写 脚本 的 过 程 中 像 开 发 人 
员 那 样 调 试 、 定 位 脚本 中 的 问题 。 

e Selenium Grid 用 于 分 布 式 测试 ， 依 赖 Java 运行 环境 。 


2.7 练 习 


CL) 选择 自己 熟悉 的 语言 ， 准 备 登录 场景 的 测试 脚本 〈 比 如 QQ 邮箱 登录 ) 。 


e 根据 Id. CSS 属性 、Xpath 等 多 种 方式 定位 元 素 。 
e 使 用 Selenium IDE 录制 与 WebDriver 两 种 方式 准备 脚本 。 
e 设置 检查 点 ， 比 如 验证 页 面 标题 。 


(2) Selenese 有 哪 几 种 类 型 ? 常用 命令 有 哪些 ? 
(3) 思考 : 如 果 测 试 脚本 报错 “ 找 不 到 元 素 (NoSuchElementException) ”， 可 能 
的 原因 有 哪些 ? 


Selenium WebDriver 


阅读 官方 文档 和 源码 是 系统 性 学 习 一 门 技术 最 好 的 方式 。 本 章 以 Selenium 官方 文 
档 为 线索 ， 在 介绍 WebDriver API 之 余 进行 场景 演练 。 若 无 特别 说 明 ， 本 章 的 演示 代码 
均 采 用 Python 语言 。 

官方 文档 地 址 : https:/seleniumhq.github.io/selenium/docs/api/py/api.html 


3.1 创建 不 同 的 Driver 对 象 


第 2 章 已 经 提 到 , Selenium WebDriver 测试 脚本 的 第 一 步 是 实例 化 WebDriver 对 象 。 
由 于 运行 环境 的 不 同 ，Selenium 提供 了 不 同 的 Drivers。 本 节 介 绍 几 类 Driver 实例 化 的 
方法 。 





3.1.1 主流 浏览 器 


下 文 将 介绍 当前 主流 浏览 器 的 WebDriver 对 象 的 创建 方法 ， 包 括 Firefox. Chrome, 
IE (Edge) 、Opera 和 Safari. 

Firefox Driver 是 最 简单 好 用 的 Driver, 因为 它 包 括 在 binding package 中 。 也 就 是 说 ， 
只 要 安装 了 Python 的 Selenium 模块 ， 在 写 脚本 时 就 可 以 直接 使 用 以 下 语句 完成 Driver 
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实例 化 。 其 他 非 Firefox 浏览 器 的 Driver 都 需要 额外 进行 下 载 和 配置 。Selenium 3.0 支持 


Firefox 的 最 高 版 本 为 Firefox 47.0.1. 


from selenium import webdriver 
driver = webdriver.Firefox() 


由 于 WebDriver 是 通过 向 接口 发 起 请 求 去 驱动 浏览 器 操作 的 ， 浏 览 器 所 存储 的 
Cookies、 历史 信息 或 用 户 在 本 地 浏览 器 中 的 配置 等 信息 在 默认 情况 下 不 会 加 载 。 如 果 测 
试 过 程 中 需要 这 类 特定 的 信息 ， 需 要 先 声 明 FirefoxProfile， 把 它 作为 参数 传 入 ， 从 而 完 
成 Driver 实例 化 。FirefoxProfile 就 是 通过 Firefox 的 about:config 接口 设置 各 个 选项 
(Preference) 的 值 的 。 例 如 如 下 语句 ， 其 中 profile 的 用 意 是 指定 下 载 目 录 为 当前 测试 脚 


本 所 在 的 目录 。 


import os 

from selenium import webdriver 

fp = webdriver. FirefoxProfile() 
fp.set_preference("browser.download.folderList",2) 


fp.set preference("browser.download.manager.show WhenStarting" False) 


fp.set preference("browser.download.dir", os.getewd()) 


fp.set preference("browser.helperApps.neverAsk.saveToDisk", "application/octet-stream") 


driver = webdriver.Firefox(firefox_profile=fp) 


有 关 FirefoxProfile 的 其 他 选项 (Preference) 可 参考 以 下 链接 : 


http://kb.mozillazine.org/About:config_entries 


https://support.mozilla.org/en-US/products/firefox/customize/firefox-options-preferences 


-and-settings 


Chrome Driver 支持 Mac, Linux, Windows 系统 ， 如 图 3-1 所 示 。 





€ ) © chromedriverstorage.googleapie.convindex.him!?path=2.22/ 


Index of /2.22/ 


Name Last modified Size 


ETag 





chromedriver linux32.zip 2016-06-04 21:02:59 2.82MB 


chromedriver linux64.zip 2016-06-04 19:54:50 2.60MB 
j i 2016-06-04 20:12:10 3.73MB 


chromedriver win32.zip 2016-06-04 20:51:19 2.61MB 
notes.txt 2016-06-06 18:32:17 0.00MB 





Eg EF EP PEP y 





c49Bdb13c92abf0d504c784d2191e9b1 
2aSe6ccbceb9f498788dc257334dfaa3 
eed98b5a2895b9cd2432fa52f7091a71 
05962£884bd58987b1of0fa04c6a3ce5 


C08143737d292£4b0294745f7ae6a968 


图 3-1 Chrome Driver 下 载 页 面 
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下 载 地 址 : https://sites.google.com/a/chromium.org/chromedriver/downloads 。 
driver = webdriver.Chrome('/path/to/chromedriver') 
IE Driver 仅 支持 Windows 系统 ,分 32 位 和 64 位 , 如 图 3-2 所 示 。Edge 3¢4 Windows 


10 系统 ， 如 图 3-3 所 示 。 











€ ) © selenium-release storage googleapis.com/index himl?path=2 53 
dex of /2.53/ 
Name Last modified Size 

@ Parent Directory a 
IEDriverServer Win32_2.53.0.zip 2016-03-16 19:56:46 0.96MB 
IEDriverServer Win32 2.53.Lzip 2016-04-04 16:22:50 0.95MB 
Ej IEDriverServer x64 2530zip 2016-03-16 19:56:51 1.12MB 
E] iEDriverServer x64 2.53.1zip 2016-04-04 16:22:52 1.12MB 





图 3-2 IE Driver 下 载 页 面 


To use WebDriver with Microsoft Edge, 4 Downloads 
you'll need to do the following: By dowlondig and using this otim you agre to fa cance terns below 





* install 


ie Release 10240 
» Download the correct Microsoft WebDriver server version for your build. 
= Version: 1.10240 | Edge version supported: 12.10240 | License terms 
* Howto find your correct build number: Go to Start > Settings > System > About 
and locate the number next to OS Build on the screen, This is your build number. 






Having the correct version of WebDriver for your build ensures it runs correctly, Release 10586 
/ your choice. Currently Ce Java Version: 2.10586 | Edge version supported: 13.10586 | License terms 
js are supported. 
+ Download a testing framework of your choice. Insiders 


Version and Edge Version Supported: Current Insiders Fast Ring Build Licer 
Privacy Statement 








图 3-3 Edge Driver 下 载 页 面 
IE 下 载 地 址 : http://selenium-release.storage.googleapis.com/index.html. 
driver = webdriver.le("path IEDriverServer.exe") 
Edge 下 载 地 址 : https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ . 
driver = webdriver.Edge("path MicrosoftWebDriver.exe") 


Opera Driver 下 载 地 址 : https://github.com/operasoftware/operadriver/downloads. 
创建 Opera Driver 对 象 的 Python 代码 如 下 : 


webdriver service = Service.Service('path/to/operadriver) 
webdriver_service.start() 


driver = webdriver.Remote(webdriver service.service url, webdriver.DesiredCapabilities. OPERA) 
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Safari Driver 目前 仅 支 持 Mac 系统 , 因为 Apple 公司 早 在 2012 年 就 宣布 Safari 6.0 
不 再 支持 Windows PC 端 。2016 年 6 月 Safari 10 中 , Apple 公司 正式 宣布 支持 WebDriver。 
对 于 Safari 9 而 言 ，Safari Driver 的 最 新 版 本 是 随 Selenium 2.48.0 发 布 的 ， 作 为 Safari 扩 
展 安装 的 SafariDriver.safariextzin 文件 。 

下 载 地 址 : http://selenium-release.storage.googleapis.com/index.html。 

在 Selenium 3.0.1 版 本 中 ， 提 供 了 对 Safari Technology Preview 浏览 器 8 的 支持 。 


3.1.2 Headless 浏览 器 


在 无 须 页 面 泻 染 的 情况 下 , 我 们 可 以 使 用 没有 图 形 界面 的 浏览 器 来 提升 脚本 的 运行 
速度 。 这 一 类 浏览 器 又 称 为 Headless 或 GUI-Less 浏览 器 。 确 切 地 说 ， 它 们 不 是 真正 意 
义 上 的 浏览 器 ， 而 是 通过 命令 行 和 网 络 通信 的 方式 实现 与 Firefox 等 主流 浏览 器 一 样 的 
DOM 解析 、 运 行 JavaScript 等 功能 。 如 果 你 的 测试 脚本 在 Linux 服务 器 上 运行 ， 可 以 考 
虑 使 用 它们 。 下 面 将 详细 介绍 如 何在 测试 脚本 中 使 用 这 一 类 Driver. 


1. HtmlUnit Driver 


HtmlUnit 是 Java 语言 编写 的 程序 ， 号 称 是 当前 最 快 的 Driver 实现 。 它 的 JavaScript 
引擎 是 Rhino。 由 于 Rhino 没有 被 主流 浏览 器 广泛 使 用 ， 因 此 HtmlUnit 处 理 JavaScript 
的 结果 可 能 与 主流 浏览 器 的 处 理 结果 有 差异 。 

从 Selenium 2.53 开始 ，HtmlUnit driver 不 再 包含 在 Selenium Server 中 。 因 此 ， 如 果 
直接 启动 Selenium Server， 就 会 提示 Driver class not found, WE 3-4 所 示 。 

以 下 是 HtmlUnit Driver 的 使 用 步骤 : 

€Z) 下 载 HtmlUnit Driver, 地 址 为 https://github.com/SeleniumHQ/htmlunit-driver/ 
releases. 

@ 02 将 下 载 好 的 HtmlUnit Driver 部 署 到 Selenium Server 上 ， 并 启动 Selenium 
Server. 其 中 <server options> 为 可 选 参数 , 你 可 以 设置 Host IP 和 端口 号 等 。 启 动 命令 如 下 : 

















java -cp htmlunit-driver-standalone-2.21.jar:selenium-server-standalone-2.53.0.jar 
org.openga.grid.selenium.GridLauncher <server options> 





htmlunit-driver-standalone-2.21 jar; selenium-server-standalone-2.53.0.jar 中 间 的 “:” 在 
Windows 平台 上 要 改 成 “;” 如 图 3-5 所 示 ， 不 再 提示 之 前 找 不 到 HtmlUnit Driver 类 的 
错误 。 


























(D Safari Technology Preview 是 苹果 公司 针对 开发 者 发 布 的 浏览 器 。 
https://developer.apple.com/safari/technology-preview/ 
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INFO - Java: 0 
- 0S 
. Built from revision 35ae25b 
netExplorerDr 


Capabilit oC Session-true, b rN 
does not match urrent platfo 
openqa. selenium.edge.EdgeDriver registration is skip 


abilities Capabilities [[browserName-MicrosoftEdge, vers plat form=WIND 
t platform MAC 

INFO - Dri o n opera. ens. Oper 

INFO - Driver provider ra.co 1 raDriver is not registered 

INFO - Driver c ot fi g.ope elenium.htmlunit.HtmlUnitDriver 

INFO - Drive nga. selenium.htmlunit.HtmlUnitDriver is not 


09:04:39.817 INFO - i'oteWebDriver instances should connect to: http://127.0.0.1 44/wd/hu 
b 
04:39.817 INFO - rium Serv up and runni 


-cp htmlunit-driver-standalc 
; j g grid.selenium.GridLauncher 
- Launching a standalone 
8:46.674 INFO - Java: Oracle Corp 
OS X 10.10.5 
53.0, with Core v2.53.0. Bu vision unknown 
01:08:46.759 INFO - Driver provider org.opena 
tion is skipp 
n capabilities Capabilitie 
ione, platform-WINDOWS)] do 
01:08:46.759 INFO Dr r provider 
ipped 
registration capabilities 
DOWS 
01:08 0 INFO - Driver class no nd: com. oj a stems .OperaD 
01:08 INFO - Driver pr com. opera. core.s OperaDriver is 
01:08 .834 INFO RemoteWebDr- stanc CO! ct to: http: 
hub 
01:08 INFO - Selenium S 





图 3-5 将 中 间 的 





03 在 脚本 中 





以 下 语句 进行 HtmlUnit Driver 的 实例 化 。 





driver = webdriver.Remote( 
command executor-'http://127.0.0.1:4444/wd/hub', 
desired capabilities-DesiredCapabilities:HTMLUNIT) 
ini 3-6 所 示 ， 访 问 了 www.baidu.com， 脚 本 的 执行 结果 会 打印 在 命令 窗口 中 。 
要 注意 的 是 ， 如 果 你 把 Jar 包 的 顺序 写 反 了 ， 即 selenium-server-standalone- 
会 报错 ， 如 图 3-7 § 











这 里 需 





2.53.0.jar: htmlunit-driver-standalone-2.21.jar， 运 行 脚本 『 示 。 


Cannot locate declared field class org.apache.http.impl.client.HttpClientBuilder.dnsResolver 
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Selenium Server is up and running 
Executing: [new session: Capabilities [{browserName=htmlunit, version= 


01:08:5: 0 - Creating a new session for Capabilities [{browserName=htmlunit, versio 
platform 
01:08:58.174 y : Capabilities [{browserName=htmlunit, version=, pla 
tform=ANY}]] 
:08:58.212 
n invalid or illegal selector was 
eName=[http: 1.bdstat 
s/jquery/jquery-1.10.2.mir 5194. js] 1 


01:09:01.074 INFO - 


网 页 搜索 


01:09:01.075 INFO i BR iS c ps_recr n D | 聘 XX 职 
来 自 





图 3-6 Selenium Server 打印 结果 


MacBook-Pro: iTool applewu € : tandalor 
standalone-2.21.jar org.openqa.grid.selenium.GridLauncher 
:41.197 INF ing a stan nium Server 

00:50:41.255 INFO - Java: Oracle Corporation 25.25-b02 
00: = : Mac OS X 10.10.5 x86_64 
00:50:41 2.53.0, with Core v2.53.0. Built f 
00:50:41.387 INFO - Driver provider org.openqa Driver registra 
tion is skipped 

istration capabilities Capabilities [{ensureCleanSession=true, rName=internet exp 

not match the current platform MAC 
EdgeDriver registration is 

ipped 

gistration capabilities Capabilities [{brons ftEdge, version=, platform-WIN 


INFO r s s .OperaDriver 
8 INFO er pr . raDr t registered 
.521 INFO e r ect to: h H 0.0.1:4444/wd, 


521 INFO 

629 IN 
, platform-ANY)] 
00:58:36.647 INFO - Creating a session for Capabilities [[browserName-htmlunit, versio 
n=, platform=ANY}] 
00:58:37.681 INFO - Done: [new session: Capabilities [{browserName=htmlunit, version=, pla 
tform=ANY}]] 

Executing: [get: http://www. baidu.com]) 


Build info: versi 
System info: host: "Ziteng cl 9. lo a : .0.100', os.name: 'Mac OS X', 
arch: ! 


Drive : FiringlebDri 
openqa. selenium. htmlunit.HtmlUni 
openqa. selenium. htmLunit . HtmlUni 
reflect .NativeMe! 


reflect .NativeMe: cce 
flect.DelegatingMethodA: y nvo ingMethc 





图 3-7 Selenium Server 报错 
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2. PhantomJS Driver 


PhantomJS 与 Chrome 和 Safari 一样, 都 基于 开源 浏览 器 引擎 Webkit, 因而 PhantomJS 
相 较 于 HtmlUnit 而 言 ， 更 接近 真实 浏览 器 的 行为 。 

PhantomJS 下 载 地 址 : https://bitbucket.org/ariya/phantomjs/downloads 。 

下 载 之 后 ， 可 将 PhantomJS 配置 到 环境 变量 中 。 如 果 没 有 配置 环境 变量 ， 可 在 实例 
化 Driver 时 指定 路 径 。 

driver = webdriver.PhantomJS(executable ="path/to/phantomjsdriver’) 


此 外 ，PhantomJS 还 可 以 使 用 很 多 配置 参数 ， 比 如 --ignore-ssl-errors=true 是 访问 
HTTPS 页 面 要 加 上 的 配置 ， 用 于 忽略 已 过 期 或 自 定义 证 书 之 类 的 SSL 错误 。 有 关 
PhantomJS 的 其 他 配置 参数 请 参考 http://phantomjs.org/api/command-line.html. 

driver = webdriver.PhantomJS(service args-['--ignore-ssl-errors-true']) 

综 上 所 述 ， 为 了 让 测试 脚本 的 运行 结果 更 接近 于 真实 用 户 的 操作 结果 ， 可 参考 以 下 
建议 : 

(1) 如 果 Web 页 面包 含 大 量 的 JavaScript 方法 ， 那 么 不 要 在 测试 脚本 中 使 用 
HtmlUnit。 

(2) 如 果 需 要 对 Web 页 面 元 素 的 显示 或 样式 等 做 大 量 的 校 验 ， 那 么 不 要 使 用 
PhantomJS 。 

(3) 如 果 最 终 选 择 了 Headless 浏览 器 做 GUI 测试， 那么 在 页 面 操作 的 关键 之 处 保 
TRE 


3.2 Fe API 概览 


在 第 2 章 的 内 容 中 介绍 了 如 何 通过 编写 Selenium WebDriver 脚本 去 打开 浏览 器 ,在 
网 页 上 执行 “键盘 输入 ”“ 按 钮 点 击 ” 等 操作 。 然 而 在 实际 的 项 目测 试 过 程 中 ， 远 不 目 
“输入 ”“ 点 击 ” 操 作 这 么 简单 。 比 如 我 们 可 能 要 设置 浏览 器 代理 ， 可 能 需要 处 理 模 态 
框 ， 可 能 要 进行 文件 的 上 传 与 下 载 等 复杂 的 场景 。 而 这 些 场景 的 自动 化 解决 方案 都 可 以 
在 Selenium 官方 文档 中 找到 答案 。 
由 于 本 书 篇 幅 有 限 , 因此 无 法 罗列 Selenium WebDriver 支持 的 所 有 方法 ; 另 一 方面 
Selenium 近 几 年 在 快速 迭代 ， 如 果 读 者 养 成 了 查阅 官方 文档 的 良好 习惯 ， 有 很 多 问题 都 
可 以 无 师 自 通 。 
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图 3-8 是 Selenium 官方 介绍 WebDriver API 的 文档 结构 图 .如 果 你 使 用 Pycharm 之 
类 的 IDE 编写 Python 代码 , 建议 你 在 学 习 这 些 WebDriver API 的 同时 , 不 妨 用 Pycharm 
的 Go to Declaration 功能 来 阅读 Selenium 包 的 源码 ， 得 到 更 深入 的 理解 。 


入”https//seleniumhq.githubjorssleniurydocs/apVpylapintml#commor CQ 








Selenium 2.0 documentation » 


Table Of Contents Selenium Documentation 


Selenium 
selenium(host, port, browserStartCommand, …) Defines an object that runs Selenium commands. 


Common 
2 rr selenium.common.excoptions Exceptions that may happen in all the webdriver code. 
This Page 
; Webdriver.common 

Quick search selenium.webdriver.common.action chains The ActionChains implementation, 

N [Go] selenium.webdriver.common.alert The Alert implementation. 
seienium.webdriver.common.by The By implementation. 

EDI naro NODE CER module, selenium.webdriver.common.desired capabilities The Desired Capabilities implementation. 
selenium.webdriver.common. keys The Keys implementation. 
selenium.webdriver.common.touch actions The Touch Actions implementation 
selenium.webdriver.common.utils The Utils methods. 
solenium.wobdriver.common.proxy The Proxy implementation. 


selenium.webdriver.common.html5.application cache The ApplicationCache implementaion. 








图 3-8 Selenium Driver 官方 文档 截图 


本 节 将 针对 WebDriver API 中 的 部 分 常用 内 容 做 介绍 ,为 下 一 节 的 场景 演练 做 铺垫 。 


由 于 前 文 已 经 对 Selenium WebDriver 对 象 的 创建 进行 了 大 篇 幅 介绍 , 本 节 的 示例 代码 就 
将 WebDriver 对 象 的 创建 部 分 略 去 ,直接 使 用 Driver 作为 已 经 初始 化 的 WebDriver 对 象 。 


3.2.1 浏览 器 操作 














# 3-1 罗列 了 Selenium WebDriver 执行 部 分 浏览 器 操作 的 方法 , 这 些 方法 与 浏览 器 、 
页 面 元 素 无 关 。 


表 3-1 部 分 浏览 器 操作 














浏览 器 操作 WebDriver 对 象 支持 的 方法 

窗口 最 大 化 driver.maximize_window() 

获得 窗口 标题 driver.title 

创建 Cookies driver.add cookie( (*name' : ‘lang’, ‘value’ : ‘python’}) 
获取 Cookies driver.get_cookies() 


driver.get_cookie(your_cookie) 
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(BR) 
浏览 器 操作 WebDriver 对 象 支持 的 方法 
删除 Cookies driver.delete_all_cookies() 
driver.delete_cookie(your_cookie) 
屏幕 截图 driver.save screenshot(your file name) 





3.2.2 ActionChains 


ActionChains 是 Selenium WebDriver 的 一 个 类 ,在 ActionChains 初始 化 的 时 候 ， 要 
将 WebDriver 对 象 作为 参数 ， 从 而 完成 ActionChains 的 初始 化 。ActionChains 对 象 很 强 
大 ， 它 不 仅 可 以 控制 鼠标 的 移动 、 右 击 、 双 击 、 焦 点 设置 等 ， 还 可 以 控制 键盘 事件 。 在 
测试 悬浮 菜单 〈Hover) 、 鼠 标 拖 放 等 场景 时 ， 我 们 经 常 要 用 到 它 。 你 可 以 理解 为 把 一 
系列 操作 插入 一 个 队列 中 , 在 这 一 系列 操作 的 最 后 , 用 perform0 表 示 不 再 有 命令 进入 队 
列 了 ， 可 以 执行 队列 中 的 所 有 命令 。 在 后 文 3.3.2“ 悬 浮 菜 单 ” 以 及 5.3 Canvas 小 节 中 ， 
对 Action Chains 的 应 用 场景 做 了 有 具体 的 演示 。 处 理 悬 浮 菜 单 的 代码 如 下 : 


menu = driver.find element by css selector(".nav") 





hidden submenu = driver.find element by css selector(".nav #submenul") 
ActionChains(driver).move to element(menu).click(hidden submenu).perform() 
或 者 写 为 : 

menu = driver.find element by css selector(".nav") 

hidden submenu = driver.find element by css selector(".nav #submenul") 
actions — ActionChains(driver) 

actions.move to element(menu) 


actions.click(hidden submenu) 
actions.perform() 


3.2.3 Alert 


Alert 类 用 于 处 理 弹 出 框 ， 执 行 “ 取 消 ”“ 接 受 ”“ 输 入 ”以 及 从 弹出 框 界 面 获取 
内 容 的 操作 。 需 要 注意 的 是 ， 弹 出 框 的 实现 方式 有 多 种 ， 在 使 用 Alet 类 之 前 ， 我 们 需 
要 了 解 将 要 测试 的 弹出 框 是 如 何 实现 的 。 如 果 弹 出 框 不 是 使 用 原生 JavaScript 的 Alert 
方法 ， 那 么 测试 脚本 使 用 Alert 可 能 无 效 。 在 后 文 3.3.1 小 节 中 ， 我们 对 弹出 框 的 儿 种 情 
况 和 测试 方法 做 了 详尽 的 介绍 。 

Alert(driver).accept() 

Alert(driver).dismiss() 
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name_prompt = Alert(driver) name_prompt.send_keys(“ Willian Shakesphere”) name_prompt.accept() 


3.24 By 














By 用 于 指定 在 页 面 上 寻找 元 素 的 方式 CID. XPATH, LINK TEXT 、 
PARTIAL LINK TEXT. NAME. TAG NAME, CLASS NAME, CSS SELECTOR) 。 
以 下 两 行 代码 是 执行 相同 操作 的 不 同 写法 ， 都 是 寻找 id 属性 为 sb_form_q 的 Web 元 素 。 

driver.find_element(by=By.ID,"sb_form_q") 

driver.find_element_by_id("sb_form_q") 


3.2.5 Desired Capabilities 


连接 Selenium Server 或 Selenium Grid 进行 测试 时 ， 需 要 先 创建 一 个 Desired 
Capabilities 对 象 来 实例 化 Remote WebDriver。 其 代码 如 下 : 





driver = webdriver.Remote( 
command executor-'http://127.0.0.1:4444/wd/hub', 
desired capabilities-DesiredCapabilities. CHROME) 


在 3.1 节 对 Opera Drvier 和 HtmlUnit Driver 实例 化 的 内 容 中 均 提 到 了 
DesiredCapabilities 类 的 用 法 。DesiredCapabilities 类 定义 了 多 种 浏览 器 的 版 本 、 平 台 等 
信息 。 列 表 如 下 : 


FIREFOX 
INTERNETEXPLORER 
EDGE 

CHROME 

OPERA 

SAFARI 
HTMLUNIT 
HTMLUNITWITHJS 
IPHONE 

IPAD 

ANDROID 
PHANTOMJS 


以 下 是 DesiredCapabilities 类 的 部 分 代码 , 可 以 看 出 , DesiredCapabilities 是 字典 对 象 。 
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HTMLUNIT = { 
"browserName": "htmlunit", 
"version": "" 

"platform": "ANY", 


HTMLUNITWITHIS = { 
"browserName": "htmlunit", 
"version": "firefox", 
"platform": "ANY", 
"javascriptEnabled": True, 


} 
我 们 可 以 自 定义 一 个 desired_capabilities 对 象 ， 代 码 如 下 : 


desired_caps = dict() 

desired caps['appPackage'] = 'com.android.settings' 
desired caps['appActivity'] = 'Settings' 

desired caps['platformName'] = 'Android' 

desired caps['platform Version'] = '6.0.0' 


desired caps['deviceName'] 7 'Google Galaxy Nexus' 
driver = webdriver.Remote('http://127.0.0.1:4444/wd/hub', desired caps) 
也 可 以 在 DesiredCapabilities 类 已 有 定义 的 基础 上 更 新 字典 对 象 的 部 分 值 。 


capabilities = DesiredCapabilities. FIREFOX.copy() 
capabilities['platform'] = "WINDOWS" 
capabilities['version'] = "10" 
driver.Remote(desired_capabilities=capabilities, 
command_executor="http://127.0.0.1:4444/wd/hub') 


3.2.6 Keys 








引用 Keys 类 可 以 完成 很 多 特殊 键 的 输入 ， 比 如 回 车 、Tab ft. F1 至 F12、 上 下 左 
右 方向 键 等 。 具 体 引用 方法 如 代码 所 示 。 

下 面 这 行 代 码 的 作用 是 执行 “点 击 页 面 元 素 to station element 后 ， 按 下 回 车 键 ” 
的 操作 。 


ActionChains(driver).click(to_station_element).send_keys(Keys.ENTER).perform() 
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3.2.7 Wait 


时 至 今日 ，Ajax 异步 加 载 技术 在 Web 页 面 上 的 应 用 已 经 越 来 越 普遍 。 当 浏览 器 访 
问 页 面 时 ， 页 面 元 素 往往 是 逐步 加 载 完 成 的 。 为 此 ，Selenium WebDriver 提供 了 两 种 延 
迟 等 待机 制 : 显 式 等 待 (Explicit Wait) 和 隐 式 等 待 (Implicit Wait) 。 

显 式 等 待 需要 设置 等 待 条 件 和 等 待 时 间 ， 若 超过 了 等 竺 时间， 条件 仍 不 被 满足 ， 则 
会 抛 出 超时 异常 。 如 下 代码 所 示 ， 预 计 在 5 秒 之 内 ， 页 面 上 会 显示 id 为 spnUid 的 元 素 ， 
并 可 以 点 击 。 如 果 在 5 秒 内 满足 了 条 件 ， 就 会 返回 这 个 元 素 ; 否则 ， 就 会 抛 出 
TimeOutException 。 

wait = WebDriverWait(driver, 5) 

element = wait.until(expected conditions.element to be clickable((By.ID, 'spnUid'))) 

隐 式 等 待 只 需要 设置 等 待 时 间 。 如 下 代码 所 示 ， 测 试 脚本 会 延迟 5 秒 之 后 再 执行 。 
一 般 来 说 ， 我 们 在 脚本 中 设置 延迟 等 待 是 为 了 等 待 某 个 元 素 出 现 ， 以 便 进行 后 续 操作 。 
而 隐 式 等 待 不 考虑 界面 情况 ,一 直 要 过 了 等 待 时 间 才 能 进行 下 一 步 操 作 ， 这 种 做 法 显得 
很 低 效 。 尤 其 在 执行 大 量 测试 脚 本 的 时 候 ， 这 种 劣势 尤为 明显 。 因 此 ， 不 建议 使 用 隐 式 
等 待 。 同 理 ， 也 避免 使 用 time.sleep(5)。 

driver.implicitly wait(5) 

需要 注意 的 是 ， 隐 式 等 待 的 设置 是 全 局 性 的 。 比 如 说 ， 你 在 脚本 中 设置 了 隐 式 时 间 
为 15 秒 ， 同 时 设置 了 显 式 等 待 时 间 为 10 秒 。 那 么 ， 如 果 在 10 秒 之 后 显 式 等 待 的 语句 
因 超时 抛 出 了 异常 , 脚本 仍 需 要 再 等 5 秒 才 会 结束 运行 。 为 此 , 要 么 减少 隐 式 等 待 时 间 ， 
要 么 增加 显 式 等 待 时 间 。 























3.2.8 execute script 


Selenium. 的 强大 之 处 不 仅 体现 在 它 有 丰富 的 类 库 ， 能 满足 大 部 分 的 自动 化 测试 需 
SK; Selenium 还 支持 传 入 JavaScript 脚本 来 运行 。 当 我 们 过 到 Selenium 无 法 支持 或 解决 
不 了 的 问题 时 ， 可 以 考虑 通过 JavaScript 来 解决 。 

如 图 3-9 所 示 , 在 Chrome 浏览 器 开发 者 工具 的 控制 台 里 执行 JavaScript 命令 可 以 得 
到 当前 的 User Agent。 将 这 条 JavaScript 命令 作为 字符 串 参 数 传 入 driver.execute_script 
方法 可 以 得 到 同样 的 结果 。 


i Console 





© v t» ¥ C Preserve log 


» navigator.userAgent 
"Mozilla/S.0 (Macintosh; Intel Mac OS X 10 20 5) AppleWebkit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36" 





图 3-9 Chrome 浏览 器 控制 台 


第 3 章 Selenium WebDriver 65 














可 以 使 用 下 面 的 代码 完成 上 述 操作 。 
driver.execute_script('return navigatoruserAgent) 


我 们 对 JavaScript 了 解 得 越 多 ， 就 会 发 现 能 用 execute script 解决 的 问题 也 越 多 。 我 
们 还 可 以 在 待 测 页面 加 载 完成 之 后 再 导入 某 个 第 三 方 的 JavaScript 文件 ， 之 后 使 用 这 个 
JS 文件 中 的 方法 来 完成 更 复杂 的 操作 。 

以 下 代码 将 在 待 测 页 面 的 Head 中 新 建 Script 标签 ， 通 过 设置 sre 属性 值 导入 
JavaScript 文件 。 如 图 3-10 所 示 ， 我 们 在 Bing 页 面 中 导入 jquery-1.9.1.min js. 





© wis { } 样式 编辑 器 


html he 
<script typ vascript">//<! [COATA[ var and; (function(n){function e(n,i,u)..— 
RAR, AMBE (Bing)</title> 
<link re "any ef="/ 
«meta na 
<link hr 
<neta co UT E 
«meta co 00DP" 0TS"></meta> 
<style t t/css">#lap_w{position: absolute; width: 440px; right :—440px; </style> 
<script src="https://code, jquery, con/jquery-1.9, 1.min, js"></script> 
</head> 





fl 3-10 为 Bing 页 面 注入 Script 元 素 
from selenium import webdriver 


driver = webdriver.Firefox() 
driver.get("http://cn.bing.com/") 


# Check if the jquery existed 
result 1 = driver.execute script("return typeof jQuery!= 'undefined';") 
assert result 1 is False 


jq. script = "https://code.jquery.com/jquery-1.9.1.min.js" 
driver.execute_script("function inject script(url) {" 
"var script = document.createElement('script’);" 
"script.src = url;" 
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"var head = document.getElementsByTagName(‘head')[0];" 
"head.appendChild(script);}" 
"inject script(arguments[0]);", jq script) 

# Check if the jquery existed again 

result 2 = driver.execute_script("return typeof jQuery!= 'undefined';") 

assert result_2 is True 


driver.quit() 
3.2.9 switch to 


为 了 解决 父 页 面 与 子 页 面 、 页 面 与 弹出 框 之 间 的 切换 问题 ，Selenium WebDriver 提供 
了 多 种 元 素 的 switch to 方法 ， 比 如 active element, alert, window. frame. parent frame 等 。 

以 下 代码 是 使 用 switch to 方法 切换 窗口 ， 若 当前 存在 多 个 窗口 可 供 切换 ， 那 么 
Driver 是 可 以 获得 这 些 窗口 句柄 的 。 在 获得 窗口 句柄 之 后 ， 就 可 以 进行 切换 了 。 和 否则 ， 
Driver 对 象 会 抛 出 异常 。 


driver.switch to.window(driver.window handles[1]) 


3.3 ”场景 演练 


前 端 技术 发 展 迅 速 ， 正 所 谓 “ 戏 法 人 人 会 变 ， 招 式 各 有 不 同 ”。 同 样 的 页 面 效果 实 
现 方式 可 能 完全 不 同 , 而 这 就 导致 看 起 来 相似 的 页 面 元 素 用 自动 化 脚本 的 处 理 方式 完全 
不 一 样 。 因 此 ， 我 们 在 学 习 UI 测试 自动 化 的 过 程 中 ， 平 时 可 以 收集 一 些 不 同类 型 的 网 
站 用 于 练 手 。 尤 其 是 介绍 前 端 技术 的 网 站 (比如 http://www.menucool.com/、 
http://www.w3schools.com/html/〉》， 一 方面 这 些 网 站 汇集 了 不 同 的 页 面 元 素 和 控件 ， 而 
且 没有 复杂 的 业务 逻辑 , 作为 学 习 自 动 化 测试 的 靶 程 序 , 它们 再 合适 不 过 了 ; 另 一 方面 ， 
测试 人 员 也 可 以 通过 这 些 网 站 学 习 前 端 知识 ， 扩 宽 自己 的 技术 视野 。 

本 节 作 为 实战 演练 环节 ， 会 在 提供 测试 脚本 之 前 展示 各 个 场景 的 截图 和 页 面 源码 。 
建议 大 家 先 仔细 阅读 源码 ,再 结合 3.2 节 对 常用 API 的 理解 独立 思考 自动 化 的 处 理 方式 ， 
最 后 结合 测试 脚本 来 巩固 Selenium WebDriver 的 用 法 。 

表 3-2 罗列 了 演练 的 内 容 以 及 测试 脚本 中 涉及 的 知识 点 。 
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表 3-2 演练 场景 列表 


演练 内 容 涉及 知识 点 

















弹出 框 Alert; switch_to.window; Wait 

悬浮 菜单 ActionChains; Wait 

表格 execute_script 

Iframe switch to.frame; maximize window; save screenshot 
上 传 与 下 载 Wait 








3.8.4 弹出 框 


弹出 框 是 一 个 很 宽泛 的 词 ， 弹 出 来 的 消息 框 、 对 话 框 ， 甚 至 网 页 都 可 以 称 之 为 “ 弹 
出 框 ”。 它 可 以 使 用 原生 的 JavaScript 实现 ， 也 可 以 用 第 三 方 的 工具 库 实现 。 下 面 将 讨 
论 3 种 弹出 框 的 应 用 场景 。 

1.Alert: 消息 提示 框 


图 3-11 是 一 个 简单 的 消息 提示 框 。 单 击 页 面 上 的 Click Me 按钮 后 ， 会 出 现 一 
字 提 示 窗 口 。 














c file:///Users/applewu/Documents/iCode/selenium/chO3/Alert/alert.html 


Click Me. 


This page says: 
Just for testing 





图 3-11 Alert 提示 杠 


以 下 是 它 的 页 面 源码 ， 使 用 的 是 原生 JavaScript 的 alert 方法 。 


<html> 

<head> 

<script type="text/javascript"> 
function disp_alert() 

t 

alert("Just for testing") 


} 


</script> 
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</head> 

<body> 

<input type="button" onclick="disp_alert()" value="Click Me" /> 

</body> 

</html> 

对 于 这 种 提示 框 ， 利 用 WebDriver 的 Alert 类 就 可 以 解决 。 由 于 这 里 只 有 一 个 按钮 ， 
背后 也 没有 任何 处 理 逻 辑 ， 因 此 忽略 提示 (dismiss) 与 接受 提示 Caccept) 的 效果 是 一 
样 的 ， 都 将 关闭 提示 框 。 

from selenium import webdriver 

from selenium.webdriver.common.alert import Alert 


driver = webdriver.Firefox() 
driver.get('file:///Users/applewu/Documents/iCode/selenium/ch03/Alert/alert.html') 
driver.find_element_by_tag_name(‘input’).click() 

# Alert(driver).accept() 

Alert(driver).dismiss() 

driver.quit() 


2. Window.open: 弹 窗 


图 3-12 是 一 个 Pop-Up 弹出 窗口 。 单 击 页 面 上 的 Click Me 按钮 后 , 会 打开 一 个 新 的 
HTML 页 面 。 


C 了 file:WUsers/applewu/Documents/iCode/selenium/ch03/PopUp/popUp.html 


Cick Me. eco Ping++ 帮助 中 心 


(© https://help.pingxx.com 





图 3-12 弹出 网 页 窗口 


以 下 是 它 的 页 面 源码 ， 使 用 window.open 方法 来 实现 。 


<html> 
<head> 
<script LANGUAGE="javascript"> 
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function openwin() { 
window.open ("https://help.pingxx.com/", "newwindow", "height=800, width=800, toolbar=no, 
menubar=no, scrollbars=no, resizable=no, location=no, status=no") 
ji 
</script> 
</head> 
<body onload="openwin()"> 
<input type="button" onclick="openwin()" value="Click Me"></body> 
</html> 


虽然 这 也 是 弹出 效果 ， 但 它 弹 出 的 是 一 个 网 页 窗口 ， 而 不 是 之 前 的 Alert。 我 们 无 
法 使 用 WebDriver 的 Alert 类 来 对 弹出 的 页 面 进行 操作 。 这 里 需要 用 switch_to.window 
来 进行 窗口 之 间 的 切换 ， 将 弹出 页 切换 到 激活 状态 才能 对 弹出 页 中 的 元 素 进行 操作 。 

# -*- coding: utf-8-*- 


from selenium import webdriver 


driver = webdriver.Firefox() 
driver.get('file:///Users/applewu/Documents/iCode/selenium/ch03/PopUp/popUp.html') 
driver.find_element_by_tag_name(‘input’).click() 

driver.switch to.window(driver.window handles[1]) 

driver.find element by class name('input-group-field'.send keys(u #28") 

driver.find element by link text(u'f &").click() 

driver.quit() 


3. Bootbox: Div 弹出 层 
图 3-13 弹出 的 是 一 个 等 待 用 户 输入 的 模 态 对 话 框 。 单 击 页 面 上 的 Alert 按钮 后 ， 用 
户 必须 要 在 对 话 框 上 进行 操作 才能 返回 之 前 的 页 面 。 


€ -— C |) file/Users/applewu/Documents/iCode/selenium/ch03/Prompt/prompt.htmi# 





What is your name? 








图 3-13 BootBox 实现 的 弹出 框 
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以 下 是 页 面 源码 ， 可 以 看 出 它 是 基于 第 三 方 的 JavaScript 库 Bootbox 来 实现 的 。 
Bootbox (http://bootboxjs.com/) 依赖 于 jQuery Chttps://code.jquery.com/) 和 Bootstrap 
Chttp://getbootstrap.com/) 。 我 们 可 以 事先 把 这 些 js 文件 下 载 到 本 地 ， 减 少 页 面 加 载 速 


BE. xx 








有 为 了 表现 页 面 延 迟 , Rih WebDriverWait 的 使 用 , 特意 访问 jQuery 的 官方 URL 


去 获取 jquery-1.9.1.min.js。 


<!--prompt.html--> 
<!DOCTYPE html> 
<html> 

<head> 


<meta charset="utf-8"> 
<title>Demo for Prompt</title> 


<!-- CSS dependencies --> 
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"> 


</head> 
<body> 


<p> You could open the console to check result. </p> 
<p>Now Click:<a class="alert" href=#>Alert!</a></p> 


<!-- JS dependencies --> 
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 


a 


<script src="bootstrap.min.js"></script> 


<!-- bootbox code --> 
<script src="bootbox.min.js"></script> 
<script> 
$(document).on("click", ".alert", function(e) { 


bootbox.prompt("What is your name?", function(result) { 


if (result === null) { 


} 


console.log("Prompt dismissed"); 
else { 
console.log("Hi <b>"+result+"</b>"); 
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如 图 3-14 所 示 ， 我 们 分 析 发 现 ，Bootbox 实现 的 弹出 窗口 其 实 是 一 个 Div 层 ， 它 属 
于 原 窗口 DOM 结构 的 一 部 分 。 所 以 只 要 确保 窗口 已 经 弹出 ， 就 可 以 直接 用 Driver 找到 
窗口 元 素 ， 从 而 完成 弹出 框 的 操作 。 


from selenium import webdriver 

from selenium.webdrivercommon.by import By 

from selenium.webdriversupport wait import WebDriverWait 

from selenium.webdriver.support import expected_conditions as EC 
from selenium.webdriver.common.keys import Keys 


driver = webdriver.Firefox() 

driver. get('file:///Users/applewu/Documents/iCode/selenium/ch03/Prompt/prompt.html') 
WebDriverWait(driver, 10).until(EC.element to be clickable((By.CLASS NAME, 'alert'))) 
driver.find element by class name('alert').click() 

WebDriverWait(driver, 2).until(EC.visibility of element located((By. TAG NAME, ‘input'))) 
driver.find element by tag name('input).send keys('Tester') 

driver.find element by tag name('input).send keys(Keys.ENTER) 


driver.quit() 


X Ú] ^ Elements Console Sources Network Timeline Profiles Resources Security Audits 


<!-- bootbox code 一 > 
script src-"bootbox.nin,is"»-/script 
<script>-</script> 
Y<div class-"bootbox modal fade bootbox-pronpt in tabindex~"-1" role-'dialog" style="display: block; padding-left: @px;"> 
"nodal-dialog 
"node l-content 
Y «div class-"nodal-hesder" 

:ibefore 

button type="button" class-"bootbox-close-button close" data-dismiss-"modal" aria-hiddens''true">x</button: 

«M class-"modal-title"»What is your name?«/h4 

nafter 





mi 。 body.madal-open _div.bootbax.modaltada.bootbox-prompt.in_dv.modal-ciaiog [EMER Eng) civ.modsi-noacer _h4.modal-ttio 


图 3-14 分析 BootBox 弹出 框 
3.32 ”悬浮 菜单 


图 3-15 是 一 个 悬浮 菜单 的 例子 ， 当 鼠标 停留 在 “开发 者 中 心 ” 这 个 元 素 的 时 候 ， 
有 悬浮 菜单 显示 出 来 ，3 个 菜单 项 分 别 是 “开发 指南 ””API 文 要 ”和 “SDK 下 载 ”。 
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file///Users/applewu/Documents/iCode/selenium/chO3/Hover/hoverMenu.html 





图 3-15 悬浮 菜单 


以 下 是 页 面 源码 。 悬 浮 菜 单 是 通过 css :hover 选择 器 实现 的 ， 对 未 选中 、 已 选中 的 
菜单 项 都 设置 了 样式 。 
<!-- hoverMenu.html --> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Demo for hover</title> 
<style type="text/css"> 
body { 
padding: 20px 50px 150px; 
text-align: center; 
background: white; 
} 


ul { 
text-align: left; 
display: inline; 
margin: 0; 
padding: 15px 4px 17px 0; 
list-style: none; 
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); 
} 
ul li { 
font: bold 12px/18px sans-serif; 
display: inline-block; 
margin-right: -4px; 
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} 


position: relative; 

padding: 15px 20px; 
background: mediumpurple; 
cursor: pointer; 

transition: all 0.3s; 


ul li:hover { 


} 


background: purple; 
color: white; 


ul li ul { 


} 


padding: 0; 
position: absolute; 
top: 48px; 

left: 0; 

width: 150px; 
box-shadow: none; 
display: none; 
opacity: 0; 
visibility: hidden; 


-transition: opacity 0.3s; 


ul li ul li af 


j 


display: block; 
color: white; 
text-shadow: 0 -1px 0 black; 


ul li ul li:hover ( 


} 


background: dimgrey; 


ul li:hover ul { 


} 
</style> 


display: block; 
opacity: 1; 
visibility: visible; 


74 Selenium 自动 化 测试 之 道 





</head> 
<body> 
<ul> 
<li id="menuitems"> 
开发 者 中 心 
<ul> 
<li><a hre 伟 "https://www.pingxx.com/docs/overview"> 开 发 指南 </a></li> 
<li><a href="https://www.pingxx.com/api">API 文档 </a></1i> 
<li><a href="https://www.pingxx.com/docs/downloads">SDK F 4%</a></li> 
</ul> 
</li> 
<ul> 
</body> 
</html> 


如 果 我 们 绕 过 “开发 者 中 心 ” 这 一 菜单 项 ， 直 接 用 Driver 的 find element 方法 定位 
到 它 下 面 的 子 菜单 ， 对 子 菜单 做 点 击 操作 ,试图 打开 子 菜单 中 的 链接 ， 那 么 脚本 会 抛 出 
ElementNotVisibleException 异常 ， 如 图 3-16 所 示 。 





图 3-16 ”ElementNotVisibleException 异常 


以 下 是 利用 ActionChains 处 理 悬 浮 菜单 的 脚本 。 


# -*- coding: utf-8 -*- 


from selenium import webdriver 














from selenium.webdriver.common.action_chains import ActionChains 
from selenium.webdriver.common.by import By 

from selenium.webdriver.support. wait import WebDriver Wait 

from selenium.webdriver.support import expected_conditions as EC 


driver = webdriver.Firefox() 
driver. get('file:///Users/applewu/Documents/iCode/selenium/ch03/Hover/hoverMenu. html’) 
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# 通过 id 属性 找到 将 要 操作 的 元 素 
menu = driver.find element by_ id(Cmenuitems') 
menu item = driver.find_element_by_xpath('//*[@id="menuitems")/ul/li[2]/a’) 


# 利用 ActionChains 点 击 悬 浮 菜单 


ActionChains(driver).move to element(menu).move to element(menu item).click().perform() 


# 点 击 菜单 之 后 ， 等 待 页 面 跳 转 。 通 过 检查 页 面 title 的 方式 确认 是 否 跳 转 成 功 
WebDriverWait(driver, 5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'logo'))) 
assert driver.title = u'AP] 参考 | 为 开发 者 设计 的 支付 聚合 SDK' 

driver.quit() 


3.83 表格 

Selenium 提 供 了 很 多 定位 元 素 的 方法 , 但 这 些 方法 都 需要 页 面 元 素 的 属性 值 或 xpath 
是 固定 的 ， 至少 是 有 规律 可 循 的 。 但 是 ， 如 果 我 们 面 对 的 是 动态 元 素 ， 它 的 id 是 随机 生 
成 的 或 者 这 个 元 素 没有 任何 属性 , 它 的 位 置 也 可 能 发 生变 化 时 , 我 们 就 需要 换 一 种 思路 ， 
通过 某 个 相 邻 元 素来 找到 我 们 最 终 需 要 操作 的 元 素 。 以 图 3-17 为 例 进行 介绍 。 


aA | file:///Users/applewu/Documents/iCode/selenium/ch03/Table/table.html 











订单 ID 交易 时 间 | 交易 详情 | 金 烽 bee Decet 状态 | 交易 渠道 
Lmn9iPSyHSTSKyjIXfIKCC|2016-06-25 18:41:24|m [399 |000 — |oo0 “| 成 功 | 银联 手机 支付 
fvXLyPurTOerfDiTOur1G8 [2016-04-01 18:43:01|| 康 乃 世 [300 |000 (ooo “| 成 功 | 百度 钱包 
SazHmPyH0O5CSOyTvjv104|2016-03-14 18:42:25|| 大 苹果 [100 200 0.00 | 咸 功 银 联网 关 支付 
















































































图 3-17 表格 示例 


通过 单 击 行 首 的 CheckBox 来 选中 列表 中 的 某 笔 订 单 ( 如 “ 康 乃 声 ”) 。 以 下 是 页 
面 源 码 。 我 们 分 析 后 可 得 知 ，CheckBox 元 素 的 tag 值 为 input，type 值 为 checkbox， 并 
没有 其 他 属性 来 唯一 确认 某 个 CheckBox。 

<!-- table.html --> 

<html> 

<head> 

<meta charset="utf-8"> 

</head> 

<body> 

<table border="1"> 
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<thead> 
<tr> 
<th> 
<input type="checkbox"></th> 
<th> 订 单 ID</th> 
<th> 交 易 时 间 </th> 
<th> 交 易 详情 </th> 
<th> 金 额 </th> 
<th> 退 款 金额 </th> 
<th> 实 收 金额 </th> 
<th> 状 态 </th> 
<th> 交 易 渠 道 </th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td> 
<input type="checkbox"></td> 
-td»Lmn9iPSyHSTSKyjl Xf1KCC</td> 
<td>2016-06-25 18:41:24</td> 
<td> 黑 镜 </td> 
<td>399</td> 
<td>0.00</td> 
<td>0.00</td> 
<td> JJ </td> 
<td> 银 联手 机 支付 </td> 
</tr> 
<tr> 
<td> 
<input type="checkbox"></td> 
<td>fvXLyPurTOerfDiTOurl G8</td> 
<td>2016-04-01 18:43:01</td> 
<td> 康 乃 声 <td> 
<td>300</td> 
<td>0.00</td> 
<td>0.00</td> 
<td> HJ </td> 
<td> 百 度 钱 包 </td> 


第 3 章 Selenium WebDriver 77 





</tr> 
<tr> 
<td> 
<input type="checkbox"></td> 
<td>SazHmPyH0OSCS0yTyjv104</td> 
<td>2016-03-14 18:42:25</td> 
<td> 大 苹果 </td> 
<td>10.0</td> 
<td>2.00</td> 
<td>0.00</td> 
<td> MI) </td> 
<td> 银 联网 关 支 付 </td> 
</tr> 
</tbody> 
</table> 
</body> 
</html> 


然而 ， 我 们 可 以 通过 JavaScript IRE) “RI” TENS ioo. PRM ORTI A 
节点 找到 这 一 行 的 CheckBox 元 素 ， 如 图 3-18 所 示 。 依 据 这 种 思路 ， 我 们 完成 了 这 部 分 
的 测试 脚本 。 








订单 ID 交易 时 间 交易 详情 金额 退 款 金额 实 收 金 额 | 状态 | ”交易 渠道 





Lmn9iP8yHSTSKyj1Xf1KCC [2016-06-25 18:41:24 | 墨镜 。 (399 [0.00 {0.00 成 功 银联 手机 支付 
[]ivxXLyPurTOertDiTOuriG8 [2016-04-01 18:43:01 (Æ [300 000 — (0.00 成 功 | 百 度 钱包 
SazHmPyH0O5CSOyTvjv104 2016-03-14 18:42:25 | 大 苹果 “|10.0 2.00 {0.00 成 功 银联 网 关 支付 



































* "y < > = mM&- HTML CSS W$ DOM Fi Cookies x 
là | ax GED wz ED we we wm 调试 信息 Cookies 运行 Mk 复制 。 美化 源 代码 Se 
) var cells = document .getElenentsByTagName('td')7 1 var cells = document. getElementsByTagName('td'); 
...ellex|.parentNode.chiléNodes) ^ break; } ) 国人 gt =+) 
Nodelist[ «TextNode textContent="\n ">, td, 4 if (cells[x].innerHTML == ‘mye! ) 
<TextNode textContent="\n ">, td, 5 
«TextNode textConte: ">, td, 6 console.log(colls[x].parentNodo.childNodes) 
<TextNode textConte: break; 


<TextNode textConte 
*TextNode textConte 
<TextNode textConte 
*TextNode textContent-' 
«TextNode textcontent="\n Eo 
1 








d, <TextNode textcoatent="\n 








图 3-18 FireBug 分 析 表 格 元 素 
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# -*- coding: utf-8 -*- 
from selenium import webdriver 


driver — webdriver.Firefox() 
driver.get('file:///Users/applewu/Documents/iCode/selenium/ch03/Table/table.html") 


# 这 里 JavaScript 的 用 意 是 ， 根 据 元 素 标签 td 获得 单元 格 元 素 集合 
# 再 找到 “ 康 乃 志 ”单元 格 ， 最 后 点 击 它 所 在 行 的 CheckBox 元 素 
jscript = "var cells = document.getElementsByTagName("td"); 

for(var x = 0; x < cells.length; x++) 

{{if(cells[x].innerHTML = '{0}') 
{{cells[x].parentNode.childNodes[1].childNodes[ 1 ].click(); 

break; 

31" format( Hi 55) 


# 执行 完 下 面 的 语句 之 后 ， 将 看 到 页 面 上 的 CheckBox 元 素 被 选中 了 


driver.execute_script(jscript) 


当然 ， 表 格 的 实现 方法 不 只 有 table 标签 这 一 种 。 比 如 图 3-19 所 示 的 163 邮箱 的 收 
件 箱 页 面 就 是 用 div 与 span 元 素 表现 出 表格 的 效果 。 处 理 CheckBox 的 思路 是 一 样 的 。 
如 图 3-20 所 示 ， 根 据 邮 件 标题 定位 ， 从 而 得 出 邮件 所 在 行 ， 最 后 完成 对 行 首 CheckBox 
的 勾 选 操作 。7.2.2 节 会 提供 这 一 操作 的 详细 脚本 。 


$("span:contains('[Register] Risk Mitigation Using Exploratory Testing')") 





Okt sm ~ || mim || +a || 标记 为 “| sum ~| 更 多 ~ | | mx f 2/59 :| 
ama aen ^00 A Im 
Nh cnet 
VAR $9 QASymphony N... [Register] Risk Mitigation Using Exploratory Testing 
$m = 6pm.com Red, white, blue & deals, oh my! 
BRERA MP = InfoQ tel 2016FRAFLATABUMEMAR! 


GR ti] Elements Console Sources Network Tmeine Profios Resources Securty Auct 
Viv class~'n10 Ma cho 





<dly class="9B0" sign-"start"».«/div 
‘Yediv class-"110" id-"1468586040991 J8ltbiJgaIOFXlTieSpQAAsd1468507178939MiDiv-- 一 $0 
span class="dað"> [Register] Risk Mitigation Using Exploratory Test ing</span. 
Lav 
Pediy class-"hV0" id-"146858584099: 381tbiJoGIOFXlTieSpOAAsd1466587178939EndD.v^-..-/div. 
div class-"imb' ic-'1468586840991 381tbiJgQIOFXlTieDpQAAzd1468587178939TagDiv" sign- tag'--/div 
/div 


-. #148858684099) MDN #1468586840991_LisiDv #1468586840901_381tnUqIOFX MespOAneniaceseri7ese0om du EE rr :oo 


图 3-19 163 邮箱 收 件 箱 截图 
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民 Á] Elements Console Sources Network Timeline Profiles Resources Security Audits 
— Puu ctass= you sigi- start >-</ulv> 
Y<div class="il0" id="1468586840991_381tbiJgqIOFXLTie9pQAAsd1468587178939MidDiv"> 
span da0 - [Register] Risk Mitigation Using Exploratory Testing-/span 
</div> 
<div class="hVO" id="'1468586840991_381tbi JgqIOFXUTie9pQAAsd1468587178939EndD iv"'>.</div> 


<div class-"imó" id-'1468586840991 381tbiJgqIOFXlTie9pQA4sd1468587178939TagDiv" sign-"tag"»-/d 
</div> 


</div> 


><div class="rF@ kw® nui-txt-flagé" tabindex-"@" id~''1468586840991_1831tbitxCIOFaDr8Qk-QAA: 


sw 46858. 
. _#1468586840901_HimiDiv £1468586840991 ListDw #1468586840991_381tbiJgqlOFXITie9pQAAsd1468587178939Dom div Mason] 
i Console 





© Y top w Preserve log 


> S("span:contains('[Register] Risk Mitigation Using Exploratory Testing')") 
Yf (dons: Array[1], dom: span.da0) @ 
> dom: span.dað 
> doms: Array[1] 
» proto : Object 








图 3-20 用 JavaScript 分 析 163 收 件 箱 的 页 面 元 素 
3.3.4 iframe 


HTML 的 iframe 标签 一 般 应 用 于 在 页 面 中 包含 其 他 页 面 。 虽 然 在 HTML 4.1 Strict 
DTD 和 XHTML 1.0 Strict DTD 中 不 支持 iframe 元 素 ， 但 它 依然 被 很 多 网 站 使 用 。 为 
了 应 对 无 法 解释 iframe 标签 的 浏览 器 , 我 们 可 以 在 iframe 标签 之 间 增 加 一 些 友好 的 文本 
提示 。 

图 3-21 是 一 个 简单 的 iframe 示例 。 打 开 iframe.html， 发 现 它 包 含 了 另 一 个 页 面 
demo.html 的 内 容 。 以 下 是 iframe 的 来 源 页 demo.html 的 源码 。 


> Q [| file:///Users/applewu/Documents/iCode/selenium/ch03/Iframe/iframe.htm! 





[X Á] Elements Console Sources Network Timeline Profiles Resources Security 
<!— iframe.html 一 > 

<html> 

<head></nead> 





deno. html 
| P document 
| </iframe> 


«input name="parent"> 
</p> 
</body> 
</html> 





K 3-21 iframe 示例 
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<!-- demo.html --> 
<html lang="en"> 
<head> 

<meta charset="utf-8"></head> 
<body> 

<h1>Iframe Demo</h1> 

Sp 

Enter your term for testing: 

<Ip> 

Ist: <input name="sub"> 
</body> 
</html> 


以 下 是 测试 页 面 iframe.html 的 源码 。 


<!-- iframe.html --> 
<html> 
<body> 
<iframe id="ifrm" src="demo.html">Your browser doesn't support iframes.</iframe> 
<p>2nd: <input name="parent" ></p> 
</body> 
</html> 


iframe.html 页 面 上 显示 的 两 个 文本 框 , 一 个 在 当前 页 面 上 , 另 一 个 在 demo.html 中 。 
因此 ， 我 们 在 测试 脚本 中 需要 用 switch_to 进行 iframe 与 当前 页 面 之 间 切 换 。 其 代码 
如 下 : 


#-*- encoding:utf8 -*- 


from selenium import webdriver 


# 这 里 采用 了 Headless 浏览 器 ， 脚 本 运行 过 程 中 不 会 有 打开 浏览 器 页 面 的 直观 效果 
# 读者 可 以 根据 自己 的 喜好 更 换 为 其 他 类 型 的 driver 
driver = webdriver.PhantomJS(executable path-' /phantomjs-2.1.1-macosx/bin/phantomjs) 


# demo.html. 作为 iframe.html 的 子 页 面 ， 若 要 操作 demo.html 中 的 页 面 元 素 ， 

# 则 需要 先 访问 iframe.html， 再 切换 到 demo.html 中 
driver.get('file:///Users/applewu/Documents/iCode/selenium/ch03/Iframe/iframe.html") 
driver.switch to.frame(driver.find element by tag name('iframe")) 


# 名 称 为 sub 的 文本 框 是 在 demo.html 中 的 ， 此 时 可 以 直接 访问 元 素 ， 输 入 文本 
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driver.find_ element by name('sub'").send keys('lst Input) 


# 名 称 为 parent 的 文本 框 是 在 这 ame.html 中 的 ， 切 换 之 后 就 可 以 访问 元 素 ， 输 入 文本 
driver.switch to.default content() 
driver.find element by name('parent).send keys('2nd Input") 


# 窗口 最 大 化 ， 新 建 截图 文件 并 保存 到 脚本 所 在 目录 的 iframe Ex.png 
driver.maximize_window() 
driver.save_screenshot(‘iframe_Ex.png') 


3.85 ”上 传 与 下 载 


遇 到 上 传 与 下 载 操 作 的 时 候 ， 有 些 人 的 第 一 反应 会 认为 ， 上 传 和 下 载 的 自动 化 过 程 
会 比 处 理 页 面 常 见 的 文本 框 、 按 钮 等 元 素 要 复杂 。 然 而 , 在 分 析 页 面 源码 之 后 就 会 发 现 ， 
我 们 可 以 利用 处 理 常 规 元 素 的 思路 来 处 理 上 传 与 下 载 操作 。 

从 图 3-22 和 图 3-23 可 以 看 出 ， 上 传 控件 其 实 是 一 个 input 元 素 ， 而 下 载 链接 则 是 a 
元 素 。 





> C file:///Users/applewu/Documents/iCode/selenium/ch03/upload.html 


File to upload: GhooseFie No file chosen 


Press to uplo: 





图 3-22 上 传 示例 
2c file///Users/applewu/Documents/iCode/selenium/ch03/Download/download.htrml 


Downloa i 


To download it click Here! 








图 3-23 下 载 示例 
实现 上 传 、 下 载 的 思路 分 别 是 : 对 input 元 素 赋值 ， 再 单 击 “提交 ”按钮 实现 上 传 ; 
先 获 取 a 元 素 链 接 的 url 地 址 ， 再 将 url 远程 数据 下 载 到 本 地 。 
下 面 是 相应 的 页 面 源码 和 测试 脚本 。 
上 传 : 
<!-- upload.html --> 


<html> 
<body> 
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<form method="POST" enctype="multipart/form-data" 
action="http://cgi-lib.berkeley.edu/ex/fup.cgi"> 

File to upload: <input type="file" name="uploadfile"><br> 

<br> 

<input type="submit" value="Press"> to upload the file! 

</form> 

</body> 

</html> 


测试 脚本 没有 浏览 本 地 文件 的 操作 , 而 是 直接 把 即将 上 传 的 文件 在 本 地 的 路 径 赋值 
给 input 元 素 。 

from selenium import webdriver 

from selenium.webdriver.common.by import By 


from selenium.webdriver.support. wait import Web Driver Wait 
from selenium.webdriver.support import expected_conditions as EC 


driver = webdriver.F irefox() 
driver.get("file:///Users/applewu/Documents/iCode/selenium/ch03/Upload/upload.html") 
fileInput = driver.find element by name('uploadfile") 

fileInput.send keys(your file path) 

driver.find elements by tag name('input')[1].click() 

WebDriverWait(driver, 5).until(EC.invisibility of element located((By. NAME, 'uploadfile'))) 
assert driver.title — 'File Upload Results' 


T: 


<!--download.html--> 
<html> 
<head> 
<title>Download Test</title> 
</head> 
<body> 
<h1>Download a File</h1> 
<p>To download it click <a id="fileToDownload" 


href="https://vww.pingxx.com/assets/img/logo/pingplusplus_white_logo.zip">Here</a>!</p> 
</body> 
</htmi> 
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执行 测试 脚本 后 ，zip 文件 会 下 载 在 脚本 的 当前 目录 ， 名 为 testzip。 


# -*- encoding:utf8 -*- 

from selenium import webdriver 
import urllib 

import os 


driver = webdriver.Firefox() 

driver. get('file:///Users/applewu/Documents/iC ode/selenium/ch03/Download/download.htm!') 
downloadFile url = driver.find element by id('fileToDownload').get attribute('href) 
file name = 'test.zip' 

# 使 用 urllib 模块 的 方法 将 文件 下 载 到 本 地 ， 命 名 为 test.zip 
urllib.urlretrieve(downloadFile_url, file_name) 

# 获得 当前 脚本 的 所 在 目录 

current path = os.path.split(os.path.realpath( file —))[0] 

# 检查 当前 目录 中 是 否 存在 名 为 testzip 的 文件 

assert os.path.isfile(' (0)/(1]'.format(current path, file name)) is True 

driver.quit() 


3.4 ”可 能 遇 到 的 异常 


编写 Selenium WebDriver 脚本 的 过 程 是 一 项 开发 过 程 。 在 调试 脚本 的 过 程 中 难免 会 
遇 到 各 种 各 样 的 异常 ， 本 节 列 举 了 几 种 异常 类 型 ， 目 的 是 为 了 表现 定位 问题 的 思路 。 

1. NoSuchElementException 

页 面 元 素 找 不 到 ， 可 能 是 以 下 3 种 情况 导致 的 : 

e 元素 定 位 的 方式 有 误 。 如 果 脚 本 之 前 都 可 以 运行 ， 现 在 突然 报错 ， 很 可 能 是 页 
面 源码 有 改动 ， 元 素 的 属性 值 发生 了 变化 。 

e 在 元 素 还 不 是 可 用 状态 时 ,就 尝试 获取 该 元 素 。 比 如 这 个 元 素 是 在 子 页 面 内 的 
子 页 面 还 未 打开 ， 测 试 脚本 就 要 获取 它 上 面 的 元 素 。 

e 其 他 地 方 有 异常 ， 导 致 元 素 已 经 不 是 可 用 状态 了 。 比 如 ， 执 行 脚本 的 过 程 中 ， 
因 处 理 逻 辑 有 误 ， 突 然 出 现 了 弹 窗 ， 影 响 了 对 之 前 页 面 上 元 素 的 操作 。 

遇 到 这 一 类 异常 ， 使 用 浏览 器 的 开发 者 工具 往往 能 很 快 定位 出 问题 。 
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2. ElementNotVisibleException 


332 小 节 的 悬浮 菜单 提 到 了 这 类 异常 。 它 一 般 出 现在 无 法 对 某 个 页 面 元 素 进 行 操 
作 ， 却 能 在 DOM 中 找到 它 的 情况 下 。 你 可 以 先 分 析 该 元 素 是 不 是 在 隐藏 域 中 。 


3. StaleElementReferenceException 


从 字面 上 理解 ， 这 类 异常 的 意思 是 元 素 的 引用 不 是 最 新 的 。 比 如 说 ， 页 面 上 Ajax 
和 JavaScript 库 使 用 得 比较 多 ， 因 为 某 些 操作 导致 DOM 重新 构建 了 ， 而 我 们 对 元 素 在 
最 初创 建 的 引用 就 无 法 在 测试 脚本 中 继续 使 用 了 。 

这 个 问题 的 解决 方案 可 以 利用 显 式 等 待 ， 等 元 素 过 时 之 后 ， 再 重新 用 find 方法 创建 
元 素 引 用 。 其 代码 如 下 : 

WebDriverWait(driver, 10).until(EC.stalenessOf(your element)) 

driver.find element by class name(the class of element) 

当然 ， 如 果 测 试 人 员 在 与 前 端 开发 同事 沟通 之 后 ， 认 为 在 测试 过 程 中 不 应 该 出 现 
DOM 重 构 ， 那 么 这 表明 页 面 有 Bug, StaleElementReferenceException 异常 就 是 最 好 的 
证 明 。 


4. Page Object 的 应 用 


在 UI 自动 化 测试 项 目的 规划 过 程 中 ， 我 们 不 仅 需要 关注 测试 场景 ， 还 需要 考虑 代 
码 层面 上 的 可 维护 性 ， 比 如 项 目 结构 是 否 清晰 、 需 要 哪些 可 复 用 的 公共 方法 、 测 试 基 类 
等 。 测 试 框架 的 设计 与 开发 项 目的 框架 设计 一 样 ， 会 利用 设计 模式 的 思想 ， 提 倡 高 内 聚 
低 炮 合 , 将 容易 变化 的 部 分 抽 离 出 来 。 我 们 将 在 第 4 章 对 测试 框架 的 类 型 进行 详细 讨论 ， 
本 节 介绍 的 Page Object 应 用 是 Selenium WebDriver 官方 文档 中 提 到 的 方法 ， 我 们 可 以 
借鉴 它 来 优化 测试 脚本 。 

什么 是 Page Object 设计 呢 ? 从 字面 上 理解 ， 就 是 把 页 面 作 为 类 的 对 象 来 维护 。 

比如 说 ， 有 个 测试 场景 将 涉及 “主页 ”与 “搜索 页 ”两 个 页 面 的 操作 。 我 们 可 以 这 
样 组 织 测试 脚本 : 创建 一 个 页 面 基 类 BasePage， 它 用 于 控制 WebDriver 对 象 ， 供 所 有 
的 页 面 类 调用 。 随 后 ， 新 建 HomePage 与 SearchPage 类 ， 它 们 都 继承 于 BasePage 类 。 
HomePage 与 SearchPage 类 中 的 方法 就 是 这 些 页 面 涉及 的 具体 的 测试 步骤 。 完 整 的 测试 

景 是 在 TestCase 类 中 实现 的 , TestCase 类 直接 调用 HomePage 与 SearchPage 类 中 的 方 

法 。 此 时 ， 我 们 已 经 将 不 同 页 面 上 的 操作 分 离开 来 了 。 这 种 清晰 结构 的 最 大 好 处 就 是 代 
码 的 复 用 性 。 如 果 有 其 他 测试 场景 需要 用 到 HomePage， 也 可 以 直接 调用 HomePage 类 
中 的 方法 。 考 虑 到 页 面 元 素 会 经 常 变动 ， 我 们 可 以 将 各 个 页 面 的 元 素 操作 与 访问 方式 抽 
离 出 来 ， 即 元 素 操作 类 (Action) 与 元 素 访问 类 (Locator) 。 
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从 单一 脚本 到 多 层 设计 ， 初 学 者 可 能 在 短 时 间 内 不 太 习 惯 这 种 脚本 组 织 方式 。 为 了 
便于 理解 ， 我 们 略 去 Locator 层 ， 只 创建 “测试 用 例 ”“ 测 试 页 面 ”“ 页 面 元 素 ” 这 3 


种 对 象 。 结 构图 如 图 3-24 所 示 。 
基于 对 上 述 Page Object 设计 的 理解 ， 我 们 将 Github 作为 待 测 应 用 实现 以 下 场景 
的 测试 脚本 ， 上 具体 步骤 如 下 : 
ED) 在 Github 主页 上 的 搜索 框 中 输入 pingplusplus。 


GE? 按 回 车 键 ， 进 入 搜索 页 面 。 
E 在 搜索 页 面 中 ， 根 据 Most starts 排序 选项 对 搜索 结果 进行 排序 。 




































1 
HomePage Element SearchPage Element 


图 3-24 使 用 Page Object 的 测试 脚本 结构 图 
明确 了 测试 场景 之 后 ， 我 们 利用 本 章 学 习 到 的 知识 开始 编写 测试 脚本 。 
CLO) 根据 上 述 结构 图 , 分 别 为 “测试 用 例 ”“ 测 试 页 面 ”“ 页 面 元 素 ” 创 建 Python 
文件 ， 名 为 test github search.py. page.py 5 page_element.py. 
CX302 编辑 page_elementpy， 代 码 如 下 : 


from selenium.webdrivercommon.by import By 


class HomePage Element(object): 


txt. query = (By NAME, "q") 


class SearchPage Element(object): 


86 Selenium 自动 化 测试 之 道 





btn search = (By.XPATH, "/html/body/div[4]/div[1]/div[1]/div/form/div[2]/div[2]/button") 

menu select = (By.XPATH, '//*[@id="js-pjax-container" /div[2 /div/div[2 /div[ 1]/div/button') 

menu item most stars = (By.XPATH, '//*[@id="js-pjax-container" |/div[2 |/div/div[2 /div[ 1]/ 
div/div/div/div[2|/a[1]') 


EZIO 编辑 page.py， 代 码 如 下 : 


-*- encoding:utf-8 -*- 


import page element 

from selenium.webdriver.common.keys import Keys 

from selenium.webdriver.support.wait import WebDriverWait 
from selenium.webdriver.support import expected conditions 


class BasePage(object): 


def init (self, driver): 
self.driver — driver 


class HomePage(BasePage): 


defis title matches(self): 
"验证 页 面 标题 是 否 包含 GitHub" 
return "GitHub" in self.driver.title 


def enter_query_txt(self, value): 
"在 搜索 文本 框 中 输入 字符 串 """ 
element = self.driver.find_element(*page_element.HomePage_Element.txt_query) 
element.send_keys(value) 
element.send_keys(Keys.ENTER) 


class SearchPage(BasePage): 


defis title matches(self): 
"验证 页 面 标题 是 否 包 含 Search" 
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return "Search" in self.driver.title 


def is_loading(self): 
wait = WebDriverWait(self.driver, 30) 
wait.until(expected_conditions.element_to_be_clickable(page_element.SearchPage_ 
Element.btn_search)) 


def choose_sort_menu(self): 
"mn 选择 排序 菜单 项 """ 
menu list = self.driver.find element(*page element.SearchPage Element.menu select) 


menu list.click() 
wait = WebDriverWait(self.driver, 10) 
wait.until(expected conditions.element to be clickable (page element.SearchPage - 


Element.menu item most stars)) 
menu = self.driver.find element(*page element.SearchPage Element.menu item - 


most stars) 
menu.click() 


CXX04 编辑 test_github_search.py, 44340 T : 


# -*- encoding:utf-8 -*- 


import unittest 
from selenium import webdriver 


import page 


class GitHubSearch(unittest. TestCase): 
"mpage object 示例 """ 


def setUp(self): 
self.driver = webdriver.Firefox() 
self.driver.get("https://github.com/") 


def test_search_in_python_org(self): 
home page = page. HomePage(self.driver) 


assert home_page.is_title_matches(), "github.com title doesn't match." 


home_page.enter_query_txt('pingplusplus') 
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search_page = page.SearchPage(self.driver) 
search_page.is_loading() 
assert search page.is title matches(), "Search Page title doesn't match." 


search_page.choose_sort_menu() 


def tearDown(self): 
self.driver.close() 


if name --" main *": 


unittest.main() 
35 小 结 


本 章 详 细 介绍 了 Selenium WebDriver 针 对 不 同 浏 览 器 的 工作 原理 以 及 Driver 对 象 的 
创建 方法 。 在 常用 API 概览 一 节 中 ， 已 经 涵盖 了 常见 测试 场景 所 使 用 的 方法 ,希望 读 者 
可 以 持续 练习 , 熟悉 这 些 方法 的 使 用 。 至 于 特殊 的 HTML 5 对 象 的 处 理 、 移动 端的 测试 ， 
在 接 下 来 的 章节 均 有 提 及 。 

Selenium 支持 多 种 平台 、 多 种 浏览 器 ， 对 Web 兼容 性 测试 大 有 益处 。 

编写 Selenium WebDriver 脚本 的 首要 任务 是 确保 本 地 机 器 上 已 经 安装 (存在 ) 相应 
浏览 器 的 驱动 (Driver) . 

表面 上 看 起 来 类 似 的 效果 《〈 例 如 弹出 框 ) ， 测 试 脚本 的 处 理 可 能 完全 不 一 样 。 





36 练 J 


CD 将 你 平时 经 常 浏览 的 网 站 作为 练 手 的 Web 页 面 ， 选 择 你 熟悉 的 语言 ， 分 别 使 
用 主流 (有 页 面 泻 染 ) 与 Headless 两 类 浏览 器 在 测试 脚本 中 实现 “窗口 切换 ”“ 保 存 页 
面 截图 ”“ 选 择 悬浮 菜单 项 ”“ 选 择 表 格 中 的 某 一 项 ”等 操作 。 

(2) 思考 : 无 法 创建 Driver 对 象 的 原因 可 能 有 哪些 ? 





自动 化 框架 


什么 是 框架 ? 对 于 人 体 来 讲 ， 就 是 人 的 骨架 ， 对 于 房屋 来 讲 ， 就 是 房屋 结构 。 简 而 
言 之 ， 框 架 就 是 一 些 “ 指 导 方 针 ”， 一 些 能 使 我 们 搭建 出 可 以 解决 一 定 问 题 的 “指导 方 
针 ”。 那 什么 又 是 自动 化 测试 框架 呢 ? 它 是 我 们 为 了 解决 项 目 中 的 问题 而 搭建 的 应 用 于 
项 目测 试 的 框架 ， 是 一 个 工具 集 ， 其 中 包括 测试 用 例 管理 、 代 码 书写 规则 、 公 共 模 板 、 
测试 脚本 的 设计 、 异 常 处 理 、 测 试 数据 的 处 理 和 测试 报告 的 展示 等 。 但 这 些 并 不 是 一 定 
要 完全 照搬 的 rules， 而 只 是 guidelines， 可 以 增加 亦 可 以 前 裁 。 当 然 ， 我 们 这 里 所 讲解 
的 搭建 自动 化 测试 框架 其 实 是 在 一 些 自动 化 测试 工具 或 者 框架 的 基础 之 上 来 重新 构建 
以 期 实现 自家 项 目的 需求 ， 常 用 的 基础 测试 框架 或 者 工具 有 Selenium, QTP. SoapUI 
等 ， 本 章节 将 以 Selenium 为 基础 ， 用 Java 语言 详细 讲解 主流 几 类 框架 的 实现 过 程 。 


4.1 线性 框架 


在 第 2 章 2.3 节 中 ,我 们 介绍 了 Selenium IDE 录制 回放 以 及 脚本 导出 功能 。 让 我 们 
再 来 回顾 一 下 这 一 过 程 。 

首先 ， 打 开 Selenium IDE， 确 认 录制 功能 启用 ， 再 打开 百度 首页 ， 在 搜索 框 中 输入 
Selenium， 单 击 “ 搜 索 ”， 至 此 第 一 个 脚本 录制 完成 ， 如 图 4-1 所 示 。 
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Base URL _https://www.baidu.com/ v 
& | & Er pepe e G 
Test Case | = Source 
Untitled * 

Command Target Value 

open 7 

click id=kw 

` type id=kw selenium 
click id=su 
click link=Selenium - Web Browser Automation 











图 4-1 录制 脚本 


在 脚本 回放 的 过 程 中 ， 我 们 会 发 现 最 后 一 步 报错 了 。 这 是 因为 需要 单 击 的 元 素 还 没 
有 加 载 好 就 开始 了 下 一 步 ， 在 此 只 需 加 入 一 条 命令 即 可 解决 ， 如 Command: 
waitForElementPresent; Target: link=Selenium - Web Browser Automation， 意 为 等 待 需要 单 
击 的 元 素 出 现 ， 这 样 第 一 个 脚本 便 可 顺利 回放 了 ， 如 图 4-2 所 示 。 你 可 以 补充 其 他 的 自动 
化 步骤 ， 也 可 以 导出 脚本 为 你 期 望 的 语言 和 相应 的 框架 ， 比 如 JUnit4、Java TestNG 等 。 





Base URL _https://www.baidu.com/ v 
ast Slow = 
é m Ey DE DS @ ©-®| 
‘Test Case Source 
Untitled 
Command Target Value 
‘open 7 
click id-kw 
,type id=kw selenium 
click id=su 
waitForElementPresent link=Selenium - Web Browser Automation 
click link-Selenium - Web Browser Automation 
‘ 
Command open M 
Target / Select Find 
Runs: 1 Value 
Failures: — 0 








图 42 脚本 回放 
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当然 ,你 一 定 不 会 满足 只 是 用 录制 回放 这 样 的 方式 来 学 习 自动 化 测试 ， 你 一 定 想 要 
自己 写 一 写 脚 本 来 提升 自己 的 骄傲 感 ,那么 你 可 以 直接 搭建 Eclipse 十 JUnit/TestNG + 
WebDriver 来 创建 如 下 的 脚本 : 


@Test 
public void OpenHomePageTest() { 
FirefoxProfile profile = new FirefoxProfile(); 


profile.setEnableNativeEvents(false); 
WebDriver driver = new FirefoxDriver();// 实例 化 WebDriver 
driver.manage().window().maximize(); 
driver.get("https://www.pingxx.com");// 打开 网 页 
String pro = driver.findElement(By.xpath("//a[(@href="/products']")).getText(); 
Assert.assertEquals(pro, "产品 ");// 检查 点 
driver.quit0y/ 退出 

} 

经 过 调试 、 运 行 ， 你 发 现 真 的 成 功 了 ， 太 棒 了 ， 你 终于 可 以 用 Java 写 自动 化 测试 
脚本 了 ， 你 一 定 开始 佩服 自己 了 。 可 是 “ 劝 君 莫 要 止 前 路 ， 前 路 漫漫 需求 索 ”， 这 里 讲 
解 的 只 是 线性 框架 , 即 按照 case 一 行 代码 一 行 代码 地 完成 你 的 测试 脚本 , 不 存在 函数 的 
封装 和 方法 重用 ， 相 信 在 你 熟悉 了 之 后 一 定 不 会 满足 于 用 这 种 方式 去 完成 脚本 的 设计 ， 
虽然 它 是 如 此 的 简单 、 快 捷 、 容 易 理 解 ， 但 它 也 可 以 说 没有 框架 可 言 。 之 所 以 称 之 为 杠 
架 ， 是 为 了 与 其 他 框架 做 一 个 区 别 和 对 比 ， 因 为 它 不 但 没有 方法 的 重用 ， 也 没有 业务 、 
数据 和 脚本 之 间 的 分 离 , 全 都 灶 合 在 一 起 , 如 果 有 所 变更 , 那 真 的 是 牵 一 发 而 动 全 身 了 。 





42 ”模块 化 框架 


模块 化 框架 (Modular Framework) 是 把 一 些 经 常 要 用 到 的 方法 封装 起 来 以 达到 重 
用 的 效果 ， 比 如 我 们 最 常见 的 case， 登 录 一 输入 订单 号 搜索 一 登 出 、 登 录 一 输入 起 止 日 
期 搜索 一 登 出 等 。 如 此 ， 非 常 多 的 case 中 都 需要 用 到 登录 和 登 出 ， 那 我 们 就 可 以 将 这 两 
个 操作 封装 起 来 ， 以 便 在 更 多 的 脚本 中 调用 。 

创建 一 个 Common 的 class， 存 放 上 面 所 说 的 一 些 常用 方法 ， 代 码 如 下 : 

[** 

* 创建 firefox 的 WebDriver 
* @return WebDriver 

vi 
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public WebDriver browserFirefox() { 


FirefoxProfile profile = new FirefoxProfile(); 


profile.setEnableNativeEvents(false); 


WebDriver driver = new FirefoxDriver(); 


driver.manage().window().maximize(); 
return driver; 
} 
[** 
* 登录 系统 
* @param driver 
"y 
public void login(WebDriver driver) { 


/ 实例 化 WebDriver 


driver.findElement(By.id( “email")).sendKeys("test@pingxx.com"); 
driver.findElement( By.id("pwd")).sendK eys("testadmin"); 
driver.findElement( By.id("btn login")).submit(); 


} 
[** 
* 登 出 系统 
* @param driver 
vil 
public void logout( WebDriver driver) { 


driver.findElement( By.id("btn logout")).click(); 


} 
= 
* 退出 driver 
* @param driver 
x 
public void driverQuit(WebDriver driver) { 
driverquit); —// 退出 
} 


于 是 ,我 们 在 创建 脚本 时 就 可 以 直接 调 月 





登录 和 登 出 一 遍 又 一 遍 的 重 写 。 例 如 ， 
如 下 设计 : 
public class ExampleTest { 
public WebDriver driver = null; 


Common common=new Common(); 
@BeforeTest 


目 上 面 的 几 个 方法 ， 无 须 在 每 个 脚本 中 都 把 


“登录 系统 一 用 订单 号 搜索 一 登 出 系统 ”就 可 以 
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public void beforeTest() { 
driver=common.browserFirefox(); 

} 

i fates 

* 根据 指定 的 订单 号 搜索 订单 

@Test 

public void searchSpecifiedOrderByld() { 
driver.get("https://www.dashboard.com"); — // 打开 网 页 
common.login(driver); 
driver.findElement( By.id("search")).click(); 
driver.findElement(By.id("order id")).sendK eys("98909832451398"); 
driver.findElement( By.id("search btn")).click(); 
common.logout(driver); 


} 


@AfterTest 
public void afterTest() { 
driver = null; 


common.driverQuit(driver); 


} 


如 果 还 想 添 加 测试 用 例 “ 登 录 系统 一 用 起 止 日 期 搜索 一 登 出 系统 ”， 只 需 添加 如 下 
代码 即 可 : 
[** 
* 根据 指定 的 日 期 搜索 订单 
$2) 
@Test 
public void searchSpecifiedOrderByDate() { 
driver.get("https://www.dashboard.com");/ 打开 网 页 
common.login(driver); 
driver.findElement(By.id("search")).click(); 
driver.findElement(By.id("date_From")).sendKeys("201 6-07-07"); 
driver.findElement(By.id("date_To")).sendKeys("20 16-07-08"); 
driver.findElement(By.id("search_btn")).click(); 


common.logout(driver); 
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可 以 看 出 , 这 两 个 case 都 调用 了 公共 方法 登录 和 登 出 , 而 且 创建 WebDriver 的 方法 
只 需 在 beforeTest 中 调用 一 次 即 可 ， 是 不 是 瞬间 觉得 写 脚本 是 那么 的 容易 。 但 这 里 请 注 
意 一 下 在 afterTest 中 的 代码 ， 这 是 用 来 退出 WebDriver 实例 并 关闭 浏览 器 打开 的 所 有 
页 面 的 , 我 们 一 定 要 做 到 在 执行 每 一 条 case 的 时 候 环境 都 是 新 的 , 执行 之 后 的 测试 环境 
也 是 要 恢复 如 初 的 ， 保 证 不 受到 其 他 测试 环境 和 结果 的 干扰 。 最 后 ， 我 们 来 分 析 一 下 横 
块 化 框架 的 优点 有 哪些 ， 缺 点 又 有 哪些 。 简 单列 举 如 下 。 


优点 : 

相同 模块 ， 方 法 可 重用 

开发 效率 高 

脚本 较 容 易 维护 login 变更 了 ， 只 需 修 改 公共 方法 即 可 ) 
缺点 : 


需要 花 时 间 分 析出 case 的 reusable function 
数据 和 脚本 没有 分 离 ， 依 然 是 hard code 
对 脚本 开发 和 维护 人 员 的 要 求 相对 较 高 


根据 该 框架 的 优 缺 点 ， 或 许 你 会 想 ， 如 果 我 想 换个 订单 号 ， 那 我 岂 不 是 只 能 修改 脚 
本 了 ? 是 的 ， 如 果 你 止步 于 此 ， 那 么 你 只 能 通过 修改 脚本 来 满足 更 换 订 单 号 的 需求 ， 这 
是 非常 麻烦 的 事情 ， 因 为 这 个 框架 的 缺点 之 一 就 是 数据 和 脚本 没有 分 离 ， 它 已 经 注定 了 
这 个 结局 。 那 有 没有 办 法 解决 这 个 问题 呢 ? 答案 当然 是 有 ， 这 就 需要 你 继续 往 下 看 ， 学 
习 接 下 来 的 数据 驱动 框架 。 


4.3. 数据 驱动 框架 


数据 驱动 框架 是 目前 为 止 自动 化 测试 中 最 常用 的 框架 , 无 论 是 UI 自动 化 , 还 是 API 
自动 化 ， 这 都 是 测试 同仁 的 首选 解决 方案 。 而 模块 化 框架 较 数据 驱动 框架 最 大 的 问题 就 
是 没有 将 数据 与 代码 分 离 ， 如 图 4-3 所 示 。 这 就 导致 了 一 个 问题 ， 如 果 测 试 脚本 中 仅仅 
是 测试 数据 不 一 样 , 也 需要 用 多 个 脚本 来 完成 。 而 数据 驱动 框架 正 是 来 解决 这 一 问题 的 。 
简 而 言 之 ， 数 据 驱 动 框架 就 是 将 代码 和 数据 分 离 ， 数 据 单独 存放 ， 用 数据 来 驱动 测试 脚 
本 。 这 就 牵涉 到 一 个 问题 , 数据 存放 到 哪里 ? 一 般 情况 下 , 都 是 存放 在 DB. Excel. TXT. 
XML 等 文件 中 。 当 然 ， 如 果 是 一 些 不 太 复杂 的 数据 ， 也 可 以 考虑 使 用 TestNG 的 
Annotation “DataProvider”， 具 体 情 况 根 据 项 目的 大 小 、 规 划 和 人 力 资源 而 定 ， 这 里 
我 们 以 Excel 为 例 ， 框 架 模 式 为 WebDriver+TestrNG+Maven+Excel。 
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模块 化 框架 数据 驱动 框架 


图 4-3 ”模块 化 与 数据 驱动 框架 


接 下 来 ,我 们 就 对 模块 化 框架 中 的 脚本 试 着 用 数据 驱动 的 方式 来 实现 。 首 先 创建 一 
个 Maven project， 在 pom.xml 中 添加 如 下 配置 : 


<dependencies> 

<dependency> 
<groupld>org.seleniumhq.selenium</groupld> 
<artifactl d>selenium-java</artifactld> 
<version>2.53.1</version> 

</dependency> 

<dependency> 
<groupId>org.seleniumhq.selenium</groupId> 
<artifactl d>selenium-firefox-driver</artifactld> 
<version>2.53.1</version> 

</dependency> 

<dependency> 
<groupId>org.seleniumhq.selenium</groupld> 
<artifactld>selenium-server</artifactld> 
<version>2.53.1</version> 

</dependency> 

<dependency> 
<groupld>org.seleniumhq.selenium</groupId> 
<artifactl d>selenium-remote-driver</artifactld> 
<version>2.53.1</version> 

</dependency> 

<dependency> 
<groupld>org.testng</groupId> 
<artifactl d>testng</artifactld> 
<version>6.9.10</version> 

</dependency> 
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<dependency> 
<groupId>org.apache.poi</groupId> 
<artifact[d>poi</artifact[d> 
<version>3.9</version> 

</dependency> 

<dependency> 
<groupld>org.apache.poi</groupId> 
<artifactl d>poi-ooxml</artifactld> 
<version>3.9</version> 

</dependency> 

<dependency> 
<groupld>org.assertj</groupId> 
<artifactl d>assertj-core</artifactld> 
<version>3.5.2</version> 

</dependency> 

</dependencies> 


其 中 , org.apache.poi 是 Apache 软件 基金 会 的 开放 源码 函数 库 , POI 提供 API 给 Java 
程序 对 Microsoft Office 格式 档案 读 和 写 的 功能 ， 是 用 来 操作 Excel 的 利器 ;org.assertj 
是 比 TestNG 自 带 的 更 为 好 用 的 断言 包 , 支持 流 式 断 言 , 后 面 会 有 一 些 例子 供 大 家 参考 。 

那么 我 们 如 何 设计 数据 的 存储 呢 ? 哪些 数据 需要 分 离 出 来 ? 哪些 数据 可 以 不 分 
FA? 分 离 出 来 的 数据 怎么 设计 ? 这 些 都 是 需要 仔细 考量 的 。 比 如 ， 系 统 的 url 可 以 不 分 
AHK, 直接 定义 为 常量 即 可 ; 再 如 用 户 名 和 密码 、 查 询 用 的 订单 号 和 日 期 等 都 必须 分 
离 出 来 。 简 单 而 言 ， 就 是 对 于 系统 框架 和 不 会 更 改 的 可 以 不 分 离 出 来 ， 而 测试 用 例 中 用 
到 的 数据 最 好 分 离 出 来 。 至 于 分 离 出 来 的 数据 是 一 条 测试 用 例 一 行 数据 还 是 多 行 数 据 ， 
都 可 以 根据 具体 的 测试 用 例 而 定 ， 并 没有 硬性 要 求 。 这 里 我 们 的 例子 就 将 系统 网 址 设 为 
常量 ， 测 试用 例 的 数据 分 离 如 图 4-4 所 示 。 








Test_Case ID UserName PassWord Orderld | 

Login_01 test@pingxx.com testadmin 

SearchOrderByld_01 test@pingxx.com testadmin 682398901 23985 
图 4-4 数据 分 离 


在 lib jar 包 中 创建 一 个 ExcelUtil 类 ， 添 加 如 下 几 个 处 理 表格 的 方法 。 


private static XSSFSheet ExcelWSheet; 
private static XSSFWorkbook ExcelWBook; 
private static XSSFCell Cell; 
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[** 
* 设置 文件 路 径 ， 创 建 工作 德 XSSFWorkbook 
* @param Path 
* @throws Exception 
gi 
public static void setExcelFile(String Path) throws Exception { 
FileInputStream ExcelFile = new FileInputStream(Path); 
ExcelWBook = new XSSFWorkbook(ExcelFile); 


[** 
* 获取 指定 的 行 号 、 列 号 和 表 名 中 的 测试 数据 
* @param RowNum 
* @param ColNum 
* @param SheetName 
* @return String 
* @throws Exception 
Al 
public static String getCellData(int RowNum, int ColNum, String SheetName) throws Exception { 
ExcelWSheet = ExcelW Book.getSheet(SheetName); 
try { 
Cell = ExcelWSheet.getRow(RowNum).getCell(ColNum); 
String CellData = Cell.getStringCell Value(); 
return CellData; 
} catch (Exception e) { 
return ""; 


[** 
* 获取 指定 的 表 名 的 行 数 
* @param SheetName 
* @return int 
* @throws Exception 
t 
public static int getRowCount(String SheetName) { 
ExcelWSheet = ExcelWBook.getSheet(SheetName); 
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int number = Excel WSheet.getLastRowNum(); 
return number; 
} 
//This method is to get the Row number of the test case 
//This methods takes three arguments(Test Case name , Column Number & Sheet name) 


pe 


* 获取 指定 的 测试 用 例 名 称 、 列 号 和 表 名 的 行 数 ， 当 测试 用 例 名 称 不 一 样 的 时 候 ， 就 算 


作 另 一 个 测试 用 例 


Exception 


* @param sTestCaseName 
* @param colNum 
* @param SheetName 
* @return int 
* @throws Exception 
s 
public static int getRowContains(String sTestCaseName, int colNum, String SheetName) throws 


int i; 
ExcelWSheet = ExcelW Book.getSheet(SheetName); 
int rowCount = ExcelUtils.getRowCount(SheetName); 
for (i=0 ; i<rowCount; i++) { 
if (ExcelUtils.getCellData(i,colNum,SheetName).equalsIgnoreCase 


(sTestCaseName)) { 


break; 


return i; 


Vass 
* 根据 指定 的 表 名 、 测 试用 例 ID、 测 试用 例 开始 的 行 号 获取 测试 步骤 的 行 数 
* @param SheetName 
* @param sTestCaseID 
* @param iTestCaseStart 
* @return int 
* @throws Exception 
i 
public static int getTestStepsCount(String SheetName, String sTestCaseID, int iTestCaseStart) 
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throws Exception 


for(int i=iTestCaseS tart;i<=ExcelUtils. getRowCount(SheetName);i++) 
{ 
if(!sTestCaseID.equals(ExcelUtils.getCellData(i, Constants.Col_TestCaseID, 
SheetName))) 
{ 
int number = i; 
return number; 
j 
j 
ExcelWSheet = ExcelW Book.getSheet(SheetName); 
int number=Excel WSheet.getLastRowNum(); 
return number; 
j 
yao 
* 根据 指定 的 文件 路 径 、 表 名 、 行 号 、 列 号 获取 表格 内 的 测试 数据 
* @param ExcelPath 


* @param sheetName 
* @param row 
* @param column 
* @return String 
* @throws Exception 
* 
public String get Value InSpecifiedCell FromExcel(String ExcelPath, String sheetName, int 
row, int column) { 
String cellValue — ""; 
try { 
File file = new File(ExcelPath); 
FileInputStream fis = new FileInputStream(file); 
// Get the workbook instance for XLS file 
XSSF Workbook workbook = new XSSF Workbook(fis); 
// Get the specified sheet from the workbook 
XSSFSheet sheet = workbook.getSheet(sheetName); 
if (sheet.getRow(row).getCell(column) != null) { 
XSSFCell cell = sheet.getRow(row).getCell(column); 
switch (cell.getCellType()) { 
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case XSSFCel.CELL TYPE FORMULA: 


XSSFFormulaEvaluator evaluator = workbook.getCreationHelper(). 


createFormulaEvaluator(); 

evaluator.evaluateFormulaCell(cell); 
cell Value = String.valueOf((cell.getNumericCellValue())); 
cell Value = cell Value.substring(0, cell Value.length() - 2); 
break; 

case XSSFCell.CELL TYPE STRING: 
cellValue = cell.getStringCellValue(); 
break; 

case XSSFCel.CELL TYPE NUMERIC: 
cell Value = String.valueOf((cell.getNumericCellValue())); 
cell Value = cell Value.substring(0, cell Value.length() - 2); 
break; 


} 
fis.close(); 

} catch (NullPointerException e) { 
e.printStack Trace(); 

} catch (FileNotFoundException e) { 
e.printStack Trace(); 

} catch (IOException e) { 
e.printStack Trace(); 

} 

return cell Value; 


} 
引入 的 jar 包 如 下 : 


import org.apache.poi.xssf.usermodel.XSSFCell; 

import org.apache.poi.xssf.usermodel.XSSFFormulaEvaluator; 
import org.apache.poi.xssf.usermodel.XSSF Sheet; 

import org.apache.poi.xssf.usermodel.XSSF Workbook; 











如 此 ， 便 可 以 用 Excel 中 的 数据 设计 测试 脚本 ， 用 订单 号 搜索 的 脚本 可 以 变更 为 : 





p> 
* 根据 指定 的 订单 号 搜索 订单 
* @throws Exception 
e 
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@Test 
public void searchSpecifiedOrderByld() throws Exception { 
driverget(ur; — // 打开 网 页 
common.login(driver,ExcelUtil.getCellData(2, 1, "testData01"),ExcelUtil.getCellData(2, 2, 
"testData01")); 
driver.findElement( By.id("search")).click(); 
driver.findElement( By.id("order id")).sendKeys(ExcelUtil.getCellData(2, 3, 
"testData01")); 
assertThat(driver.findElement(By.id("orderid"))).isNotNull() 
-isEqualTo(ExcelUtil.getCellData(2, 3, "testData01")); 
driver.findElement(By.id("search_btn")).click(); 
common.logout(driver); 


} 

这 样 ， 如 果 你 想 换 一 个 订单 号 查询 ， 只 需要 修改 Excel 表格 就 可 以 了 ， 无 须 再 修改 
代码 、 重 新 打包 这 样 麻烦 了 。 
用 这 样 的 方法 ， 你 可 以 创建 更 多 的 测试 脚本 。 最 后 用 另 一 张 表格 去 管理 case， 为 每 
一 条 case 加 上 一 个 标签 , 标明 它 的 优先 级 , 或 者 标明 它 属于 哪 一 个 级 别 的 测试 脚本 ， 如 
冒 烟 测 试 、 集 成 测试 、 回 归 测 试 等 。 如 图 4-5 所 示 ，Priority>=0 表明 要 做 回归 测试 ， 
Priority>=1 表明 要 做 Daily check，Priority=2 表明 要 做 冒 烟 测 试 。 

当然 ， 你 也 可 以 用 TestNG 的 annotation “groups” 来 为 测试 脚本 分 类 ， 以 方便 对 
脚本 的 管理 和 运行 ,例如 , @Test(groups = { "regression", "smoke" }) 表 明 是 属于 regression 
和 smoke 两 个 group 的 , @Test(groups = { "regression" }) 只 属于 regression 这 一 个 group. 

最 后 , 一 定 要 保证 框架 结构 清晰 , lib 包含 需要 引用 的 类 , driver 用 来 存放 驱动 程序 ， 
res 用 来 配置 测试 数据 ，config 用 来 处 理 配 置 文件 ，util 用 来 实现 常用 方法 ，chk 用 来 处 
理 检 查 点 ，test-output 用 来 存放 测试 报告 等 ， 如 图 4-6 所 示 。 

这 里 只 是 对 数据 驱动 的 框架 做 了 个 引子 , 你 可 以 根据 自己 的 项 目 做 出 更 为 复杂 的 测 
试 脚本 。 至 此 ， 我 们 看 看 数据 驱动 的 一 些 优 缺点 。 


优点 : 


测试 数据 仅 数值 变化 时 无 须 修改 脚本 。 
脚本 和 数据 分 离 ， 可 分 开 维护 。 


缺点 : 


需要 花 更 多 时 间 定 义 如 何 分 离 和 存 取 测 试 数据 。 
对 脚本 开发 和 维护 人 员 要 求 较 高 。 
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SearchOrderByld 00 
SearchOrderByld 01 
SearchOrderByld 02 


图 4-5 


接 下 来 还 要 向 大 家 介绍 一 种 作为 初学 者 应 该 不 会 用 到 的 框架 , 那 就 是 关键 字 驱 动 框 


Ag, 它 需 要 你 根据 测试 月 





管理 Case 


4.4 





而 这 里 的 关键 字 有 两 种 ， 一 种 是 function 级 别 的 ， 比 如 把 login 这 个 方法 直接 定义 为 关 





= example 
> (9. src/main/java 
Y @Bsrcjtest/java 

Y E com.pingxx.selenioum.config 
» [Jj Const.java 

了 8 com.pingxx.selenium.chk 
» (2) BaseChk.java 
> |J) HomePageChk.java 

Y (fli com.pingxx.selenium.example 
> |J] ExampleTest.java 

了 E com.pingxx.selenium.lib 
> [Jj Common.java 

Y #3 com pingxx.selenium.util 
> [P ExcelUtil java 

> gi, JRE System Library [J2SE-1.5] 
> BÀ Maven Dependencies 
> Gres 
> sre 
© target 
> © test-output 
iij pom.xml 


图 4-6 框架 结构 


关键 字 驱 动 框架 





日 例 定 义 关键 字 , 并 使 其 与 相应 的 action 或 者 function 关联 起 来 。 


键 字 ; 另 一 种 是 把 action 级 别 的 作为 关键 字 ， 比 如 单 击 click、 输 入 input, 关闭 close 等 。 
如 图 4-7 所 示 就 是 以 action 作为 关键 字 的 。 特 别 说 明 ， 因 为 该 框架 使 用 了 外 部 的 数据 源 
(比如 Excel 数据 表 ) 去 读 取 脚 本 中 的 关键 字 和 测试 过 程 ， 所 以 较 难 调 试 ， 故 而 不 建议 














初学 者 使 用 这 种 框架 。 
TestCaselD |TS_ID |Description PageObject ‘Action_Keyword 
Login_01 TS 001 Open the Browser openBrowser 
Login O1 TS 002 — Navigate to website | navigate 
Login 01 —|TS 003 Click on My Account button on the top right location btn MyAccount click 
Login 0!  |TS 004 Enter the username in the username field txtbx UserName — input UserName 
Login 0! TS O05 Enter the password in the password field txtbx. Password input. Password 
Login 01 TS 006 Click on Login button btn Login click 
Login 0! TS 007 Wait for some time waitFor 
Login 01 TS 008 Click on logOut button btn LogOut click 
Login 01 TS 009 Close the Browser closeBrowser 

图 4-7 关键 字 驱 动 框架 








IERI EAR] id, name, 还 











可 以 





H 





用 过 QTP 的 都 知道 ， 它 可 以 利用 spy 将 页 面 元 素 存 入 OR (Object Repository) , BA 
达到 分 离 并 管理 页 面 元 素 的 目的 。 其 实 Selenium 也 可 以 ， 其 一 ， 用 FindBy 来 管理 ， 
xpath, classname, css 等 ， 代 码 如 下 : 


不 





OR.txt 的 文件 ， 然 后 存 入 你 需要 


@FindBy(id="A") 

private WebElement A; 

@FindBy(how = How.NAME, using = "logonName") 
private WebElement logonNameField; 


@FindBy(how = How.NAME, using = "password") 
private WebElement passwordField; 


其 二 ， 可 以 将 页 面 元 素 存 入 一 个 property. 文件 中 来 集中 管理 ， 首 先 创建 一 个 名 为 














# Home Page Objects 
btn_MyAccount=.//*[@id=account'|/a 
btn_LogOut=.//*[@id="account_logout'] 


# Login Page Object 
txtbx_UserName=.//*[ @id="'log'] 
txtbx_Password=.//*[@id='pwd'] 
btn_LogIn=.//*[@id="login'] 


到 的 页 面 元 素 ， 代 码 如 下 : 


在 使 用 时 可 以 参考 Java Property 的 用 法 ， 这 里 先 定义 一 个 静态 Properties 变量 ， 


public static Properties OR; 
而 后 添加 如 下 代码 即 可 使 用 。 


String Path OR = Constants.Path OR; 
FileInputStream fs = new FileInputStream(Path OR); 
OR= new Properties(System.getProperties()); 
OR.load(fs); 


下 面 我 们 定义 一 个 类 来 存放 关键 字 : 


public class ActionKeywords { 
public static WebDriver driver; 


//Al the methods in this class now accept 'Object' name as an argument 


public static void openBrowser(String object) 


driver-new FirefoxDriver(); 


driver.manage().timeouts().implicitly Wait(30, TimeUnit.SECONDS ); 


driver.manage().window().maximize(); 


j 


public static void navigate(String object) { 
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driver.get(Constants. URL); 
} 


public static void click(String object) { 
//This is fetching the xpath of the element from the Object Repository property file 
driver. findElement(By.xpath(OR.getProperty(object))).click(); 
j 


public static void input UserName(String object) { 
driver.findElement(By.xpath(OR.getProperty(object))).sendKeys(Constants. UserName); 
} 


public static void input_Password(String object) { 
driver.findElement(By.xpath(OR.getProperty(object))).sendK eys(Constants.Password); 
j 


public static void waitFor(String object) throws Exception { 
Thread.sleep(5000); 
j 


public static void closeBrowser(String object) { 
driver.quit(); 
j 


其 中 input UserName 和 input Password 两 个 方法 读 取 的 是 外 部 数据 ， 即 采用 了 


WR 数据 分 离 。 


下 面 是 驱动 这 个 表格 的 代码 ， 其 中 用 到 了 反射 机 制 ( 这 里 不 做 讲解 ) ， 更 多 信息 可 
以 参考 http://toolsqa.com/〔 网 站 有 点 慢 ， 不 需要 翻 墙 ，。 


public class DriverScript { 


public static Properties OR; 

public static ActionKeywords actionKeywords; 
public static String sActionKeyword; 

public static String sPageObject; 

public static Method method[]; 


public static int iTestStep; 
public static int iTestLastStep; 
public static String sTestCasel D; 
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public static String sTestCaseSheetName; 
public static String sRunMode; 


public DriverScript() throws NoSuchMethodException, Security Exception { 
actionKeywords = new ActionKeywords(); 
method = actionKeywords.getClass().getMethods(); 

j 


public static void main(String[] args) throws Exception f 
ExcelUtils.setExcelFile(Constants.Path TestData); 


String Path OR = Constants.Path OR; 
FileInputStream fs = new FileInputStream(Path OR); 
OR- new Properties(System.getProperties()); 
OR.load(fs); 


DriverScript startEngine = new DriverScript(); 
startEngine.execute TestCase(); 


} 


private void execute_TestCase() throws Exception 
t 
//This will return the total number of test cases mentioned in the Test cases sheet exclude 
column name 
int iTotalTestCases = ExcelUtils.getRowCount(Constants.Sheet TestCasesList); 
//This loop will execute number of times equal to Total number of test cases 
// iTestcase-1 means that start the first test case, not the column name 
for(int iTestcase=1;iTestcase<=iTotalTestCases;iTestcase++) 
t 
//This is to get the Test case name from the Test Cases sheet 
sTestCaseID = ExcelUtils.getCellData(iTestcase, Constants.Col TestCaseID, 
Constants.Sheet_TestCases List); 
//This is to get the Test case sheet name from the Test Cases sheet 
sTestCaseSheetName = ExcelUtils.getCellData(iTestcase, 
Constants.Col TestCaseSheetName, Constants.Sheet TestCasesList); 
//This is to get the value of the Run Mode column for the current test case 
sRunMode = ExcelUtils.getCellData(iTestcase, 
Constants.Col. RunMode,Constants.Sheet TestCasesList): 
//This is the condition statement on RunMode value 
if (sRunMode.equals(" Yes")) 
1 
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//Only if the value of Run Mode is 'Yes', this part of code will execute 
iTestStep = ExcelUtils.getRowContains(sTestCaseID, 
Constants.Col TestCaseID, sTestCaseSheetName); 


iTestLastStep — ExcelUtils.getTestStepsCount(sTestCaseSheetName, 
sTestCaseID, iTestStep); 


//This loop will execute number of times equal to Total number of test steps 
for (;iTestStep<=iTestLastStep;iTestStep++) 
{ 
sActionKeyword = ExcelUtils.getCellData(iTestStep, 
Constants.Col ActionKeyword,sTestCaseSheetName); 


sPageObject — ExcelUtils.getCellData(iTestStep, 
Constants.Col  PageObject, sTestCaseSheetName); 


execute Actions(); 


} 


private static void execute Actions() throws Exception { 
for(int i=0;i<method.length;i++) { 
if(method[i].getName().equals(sActionK eyword)) { 


method[i].invoke(actionKeywords,sPageObject); 
break; 


} 


} 

至 此 , 简单 介绍 了 4 种 测试 框架 , 在 测试 实践 中 没有 一 个 项 目 是 完全 按照 书本 来 的 ， 
都 是 具体 问题 具体 分 析 , 读者 应 该 根据 项 目的 实际 情况 和 人 力 资源 充分 了 解 你 的 项 目 需 
求 ， 分 析 实 施 的 可 能 性 ， 分 析 ROI (Return On Investment， 投 资 回报 率 ) ， 最 后 定 下 来 
到 底 是 不 是 要 做 、 怎 么 做 。 是 选 一 个 现成 的 框架 ,还 是 新 设计 一 个 框架 ， 是 设计 一 个 如 
上 所 说 的 ， 还 是 一 个 混合 型 的 。 因 此 ， 并 无 标准 。 笔 者 认为 测试 的 关键 是 思维 方式 ， 而 
编写 自动 化 测试 脚本 只 是 为 了 解放 部 分 劳动 力 ， 从 而 让 你 在 测试 的 工作 中 更 加 充分 地 发 
挥 潜能 。 

参考 文献 地 址 : http://toolsqa.com/。 





HTML 5 测试 


现在 ， 当 你 用 浏览 器 打开 一 个 有 格调 、 炫 酷 的 网 站 时 ， 右 击 网 页 ， 查 看 源 代码 ， 会 
发 现 第 一 行 代 码 DOCTYPE 是 这 样 的 : 

<!DOCTYPE html> 

而 在 10 年 前 ， 网 页 的 第 一 行 代码 往往 是 这 样 的 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ 
xhtml1/DTD/xhtml |-transitional.dtd"> 


你 或 许 已 经 知道 ， 这 种 简短 好 记 的 DOC TYPE EAE HTML 5 带 来 的 。 如 图 5-1 所 
示 , 早 在 20 世纪 90 年 代 , HTML 就 有 过 几 次 快速 的 发 展 , 这 里 不 细 述 发 展 史 , 但 HTML 
背后 的 故事 确实 很 有 趣 ， 比 如 正式 版 是 从 2.0 开始 的 ;后 来 出 现 的 XHTML 2 367 Jt Ha 
被 弃 用 ， 没 有 大 范围 推广 。 好 在 W3C 认识 到 自己 的 错误 ， 在 2007 年 组 建 了 HTML 5 
工作 组 ， 在 WHATWG 工作 组 的 既 有 成 果 上 开展 工作 ， 才 有 了 今天 的 HTML 5. 


1995 - HTML 2.0 
1997 - HTML 3.2 
1999 - HTML 4.01 
2000 - XHTML 1.0 
2001 - XHTML 1.1 








2012 - HTML 5 


2009 -XHTMLE2- 


V A Em S) 





图 5-1 HTML 发 展 史 
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作为 目前 最 新 的 HTML 标准 ， 大 家 提起 HTML 5， 已 经 不 单单 指 一 项 标准 ， 也 不 仅 
仅 指 代 某 一 项 明确 的 技术 ,HTML5 很 多 时 候 是 作为 包括 HTML + CSS + JavaScript 在 内 
的 一 套 技术 组 合 被 提起 的 ， 它 例 然 已 经 成 为 “在 Web 上 做 一 切 好 玩 东西 ”的 代名词 。 

不 少 人 认为 HTML 5 代表 着 未 来 发 展 方向 ， 除 了 上 面 提 到 的 外 ， 它 对 HTML 的 改 
进 避 免 了 不 必要 的 复杂 性 ; 它 还 引入 了 新 元 素 ， 兼容 过 去 的 写法 ， 甚 至 支持 了 之 前 不 合 
乎 规范 的 写法 。 正 如 以 下 代码 所 示 ， 它 们 都 可 以 在 支持 HTML 5 的 浏览 器 上 执行 ， 且 效 
果 一 致 。 

<p class="test">Hello world</p> 

<p class="test">Hello world 

<P CLASS="test">Hello world</P> 

<p class=test>Hello world</p> 


你 可 以 访问 http://html5demos.com/, X} HTML 5 的 特性 有 大 致 的 了 解 。 对 HTML 5 
越 了 解 ， 测 试 人 员 在 进行 相关 的 测试 脚本 开发 和 框架 选 型 上 会 越 有 效率 。 不 少 Web W 
试 的 经 验 都 可 以 复 用 。 

本 章 将 介绍 Selenium WebDriver 在 HTML 5 中 常见 的 新 特性 Web Storage. Application 
Cache, Canvas, Video 方面 的 应 用 。 





5.1 Web Storage 


凡是 接触 过 Web 技术 的 人 ， 对 客户 端 存储 的 Cookies KARE. MIE, HTML 5 
引入 了 更 安全 、 更 快 的 Web 存储 方式 来 保存 客户 端 数据 ， 即 Web Storage API. Web 
Storage 定义 了 两 种 存储 方式 : Local Storage 和 Session Storage. 

在 Chrome 浏览 器 中 , 右 击 网 页 , 在 打开 的 快捷 菜单 中 依次 选择 Inspect Resources, 
可 直接 查看 它们 的 值 。 


5.1.1 Local Storage 


如 图 5-2 所 示 , 以 一 款 HTML 5 小 游戏 为 例 , Local Storage 是 作为 游戏 记分 使 用 的 。 
与 Cookies 类 似 的 是 ，Local Storage 以 字符 串 形式 存储 ， 浏 览 器 会 解析 成 键 值 对 的 形式 
显示 在 控制 台中 。 而 与 之 不 同 的 是 , Local Storage 的 数据 不 会 包含 在 每 个 服务 器 请 求 中 ， 
它们 只 有 在 需要 时 才 被 使 用 。 因 此 ，Local Storage 与 Cookies 相 比 ， 对 Web 应 用 的 性 能 
影响 更 小 。 另 外 , Local Storage 存放 数据 一 般 在 SMB, Cookies 是 4K 左右 。 如果 Cookies 
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没有 设置 失效 时 间 ， 默 认 是 关闭 浏览 器 后 失效 ;而 Local Storage 除非 被 清除 ， 否 则 会 永 
久保 存 。 

















© © www.ntfusion.net/casual-games/htmi5-fruity-annie.html 
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图 5-2. Local Storage 的 应 用 


Selenium WebDriver 可 以 通过 执行 JavaScript 的 方式 对 local storage 进行 设置 获取 、 
I 除 、 清 空 的 操作 。 可 以 编写 如 下 的 JavaScript 脚本 完成 上 述 操作 。 


3 -*- coding: utf-8 -*- 





from selenium import webdriver 


driver = webdriver.Firefox() 
driver.get('http://htmI5demos.com/storage-events') 


# 对 文本 框 赋值 ， 该 页 面 程序 会 把 这 个 值 作为 local storage 存储 


driver.find element by id('data').send keys('selenium testing") 


# 获得 第 一 个 local storage 的 值 ， 对 于 该 程序 而 言 ， 也 是 唯一 一 个 值 
value = driver.execute_script("return localStorage.getItem(localStorage.key(0));") 


print('The value is: '+ value) 


# 获得 该 页 面 所 有 的 local storage 的 值 
# 由 于 只 有 一 个 键 值 对 数据 ， 仍 返回 一 个 值 ， 但 是 是 list 类 型 
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scriptArray = """return Array.apply(0, new Array(localStorage.length)).map(function (o, i) 
{ return localStorage.getItem(localStorage.key(i)); } 


ym 


result = driver.execute script(scriptArray) 
print("Lets see the list of local storage - I st:") 
print(result) 


# 通过 js 设置 localstorage 中 的 值 


driver.execute script("localStorage.setItem('Test-key',' Test-value")") 


# 再 次 获取 local storage 

result = driver.execute_script(scriptArray) 
print("Lets see the list of local-storage - 2nd:") 
print(result) 


# 关闭 页 面 
driver.close() 


# 创建 新 的 webdriver 对 象 ， 打 开 页 面 
driver = webdriver.Firefox() 


driver.get(‘http://html5 demos.com/storage-events') 


# 获取 local storage 的 值 

result = driver.execute_script(scriptArray) 
print("Lets see the list of local-storage - 3rd:") 
print(result) 


driver.quit() 

输出 结果 : 

The value is: selenium testing 

Lets see the list of local storage - 1st: 
[u'selenium testing'] 

Lets see the list of local-storage - 2nd: 
[u'Test-value', u'selenium testing'] 
Lets see the list of local-storage - 3rd: 
0 


第 5 章 HTML 5 测试 111 





由 此 , 我 们 得 出 结论 : Selenium WebDriver 对 Local Storage 操作 的 关键 是 JavaScript 
语句 。 如 果 这 部 分 操作 报错 ， 应 该 在 浏览 器 控制 台中 调试 ， 以 确保 JavaScript 代码 无 误 。 

同 理 ， 可 以 通过 JS 代码 删除 、 清 空 Local Storage: 

localStorage.removeltem(key); 

localStorage.clear(); 


输出 结果 中 , 第 3 次 获取 Local Storage 的 值 为 空 。 说 明 新 建 的 Driver 对 象 获取 不 到 
之 前 Driver 设置 的 Local Storage。 其 实 ，Driver 也 无 法 获取 本 地 真实 浏览 器 中 的 Local 
Storage 数据 。 因 为 从 本 质 上 来 说 ,即便 Selenium WebDriver 与 Selenium RC 的 JavaScript 
注入 不 同 ， 但 它 依然 不 是 在 真实 浏览 器 中 操作 的 ， 而 是 基于 WebDriver Wire Protocol 的 
远程 调用 方式 发 起 请 求 来 控制 浏览 器 的 操作 。 





从 安全 的 角度 来 说 ,任何 客户 端的 数据 都 不 应 该 被 信任 , 包括 Local Storage, Twitter 
提 mn 就 曾 被 发 现 过 Local Storage 的 XSS 漏洞 。 


5.1.2 Session Storage 


Session Storage ^j Local Storage 类 似 ， 只 是 生命 周期 不 同 。Session Storage 是 基于 
会 话 的 ， 用 户 关闭 浏览 器 之 后 ， 数 据 即 被 删除 。 因 此 ，Session Storage 不 属于 持久 化 存 
fifi: 而 Local Storage 则 没有 时 间 限 制 ， 除 非 主动 删除 ， 否 则 会 一 直 存 在 。 

Session Storage 是 在 同 源 的 同一 窗口 (或 标签 页 ) 中 始终 存在 的 数据 。 也 就 是 说 ， 
只 要 这 个 浏览 器 窗口 没有 关闭 ， 即 使 刷新 页 面 或 进入 同 源 的 另 一 页 面 ， 数 据 仍 然 存在 。 
关闭 窗口 后 ，Session Storage 即 被 销毁 。 同 时 独立 地 打开 不 同窗 口 ， 即 使 是 同一 页 面 ， 
Session Storage 数据 也 是 不 同 的 。 

Selenium WebDriver 对 于 Session Storage 的 支持 同样 体现 在 JavaScript 的 执行 上 ， 
将 语句 中 的 localStorage 替换 为 sessionStorage 即 可 。 





5.2 Application Cache 





Application Cache 用 于 在 本 地 存储 静态 资源 , 如 图 5-3 所 示 。 这样 便 可 以 离线 应 用 ， 
这 些 资源 文件 在 断 网 之 后 仍 能 访问 。 
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图 $-3 Application Cache 的 应 用 
5.2.1 获得 Application Cache 当前 的 状态 


Application Cache 有 uncached, idle, checking, downloading. update ready. obsolete 
六 种 状态 。 如 图 5-4 所 示 ， 状 态 的 流转 通常 是 由 浏览 器 控制 的 。 在 某 些 Web 项 目的 测试 
过 程 中 ， 我 们 有 时 候 需 要 检查 Application Cache 状 
态 是 否 符合 预期 。Selenium WebDriver 提供 的 方法 
可 以 很 方便 地 查看 状态 。 





n í Checking 
以 下 代码 演示 了 如 何 获 取 Application Cache 的 
当前 状态 。 
Obsolate downloading noupdate 
from selenium import webdriver 
driver = webdriver.Firefox() j 
driver.get(‘http://galacticmilk.com/sketchpad/") cached update_ready 


ApplicationCache = driver.application_cache 
print(A pplicationCache.status) 


driver.cl 
ver.close() 图 5-4 Application Cache 状态 转换 图 
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5.2.2 设置 网 络 连 接 状 态 在 线 /离线 


目前 ， 主 流 的 浏览 器 (Firefox、IE9+、Chrome、Safari、Opera 等 ) 均 对 HTML 5 有 
了 很 好 的 支持 ， 无 论 笔 记 本 、 台 式 机 ， 还 是 智能 手机 都 可 以 很 方便 地 浏览 基于 HTML 5 
应 用 的 。 

如 图 5-5 所 示 ，Selenium 支持 的 set_network_connection 方法 属于 mobile 属性 ， 还 
可 以 通过 Appium 框架 使 用 。 这 说 明 该 方法 只 能 用 于 移动 应 用 的 测试 中 。 


t netwo 












































[ set_network_connecti 


@ set_network_connection(self, network) (Mobile in selenium.webdriver.remote.mobile) 


图 5-5 Pycharm 中 的 调试 截图 


Appium 支持 两 种 测试 模式 , 即 Native App 与 Web View, 用 于 测试 移动 设备 的 App 
与 Web 页 面 ， 如 果 是 Hybrid 应 用 ， 就 可 进行 模式 切换 。 但 如 果 我 们 的 待 测 程序 只 是 
HTML 5 页 面 ， 却 想 要 使 用 Native App 模式 下 才能 使 用 的 set_network_connection 方法 ， 
那 应 该 怎么 做 呢 ? 

其 实 很 简单 ， 如 图 5-6 所 示 ， 连 接 了 安 卓 手 机 之 后 ，Appium 会 在 手机 上 安装 名 为 
settings_apk-debug.apk 的 应 用 程序 ， 而 Appium 正 是 通过 它 进行 网 络 设 定 的 。 那 么 ， 在 
没有 Native App 的 情况 下 ， 我 们 可 以 借 由 Settings 的 信息 ， 利 用 Appium 对 手机 的 网 络 


Samet 


连接 进行 设置 。 


bP B% a * é mn A v Stop 


[debug] [ADB] 1 device 


[debug] [ADB] Run 1 bundle-nac-xB6, 64-20140702/sdk/plat form- 
tools/adb with d .00216303009892" ," shell" ," echo", 


[debug] [Logcat] Starting logcat capture 
[debug] [AndroidDriver] P 


[debug] [ADB] Running 0140702/sdk/platforn- 
03; : 163038 " ,"/Applications/ 











du ium/node mo 
driver/node_nodules/io. appium.set tings/bin/sett ings apk-cebug. apk"] 


图 5-6 Appium 运行 界面 
以 下 代码 演示 了 如 何 查看 和 设置 移动 设备 卓 手 机 ) 的 网 络 连接 状态 。 


# -*- coding: utf-8 -*- 
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from appium import webdriver 
from appium.webdriver.connectiontype import ConnectionType 


desired_caps = dict() 

desired_caps['appPackage'] = 'com.android.settings' 
desired caps['appActivity'] = 'Settings' 
desired_caps['platformName'] = 'Android' 

desired caps['platform Version'] = '6.0.0' 

desired caps['deviceName'] ^ 'Google Galaxy Nexus' 


driver = webdriver.Remote('http://localhost:4723/wd/hub', desired caps) 


获得 当前 设备 网 络 连接 状态 
NO CONNECTION = 0 
AIRPLANE MODE = 1 
WIFI ONLY = 2 

DATA ONLY -4 

ALL NETWORK ON-6 


print("The current network connection type is " + driver.network connection) 
driver.set network connection(ConnectionType. NO CONNECTION) 
print("The current network connection type is "  driver.network connection) 


driver.quit() 
输出 结果 : 


The current network connection type is 2 
The current network connection type is 0 


第 一 行 是 设备 当前 的 网 络 状态 ， 你 的 结果 可 能 不 是 2 (WIFI_ONLY)， 但 第 二 行 是 
设置 为 NO_ CONNECTION 的 结果 ， 状 态 应 该 是 0。 


5.3 Canvas 


Canvas 是 HTML 5 出 现 的 新 标签 ， 拥 有 多 种 绘制 路 径 、 和 矩形 、 圆 形 、 字 符 以 及 添 
加 图 像 的 方法 ， 使 用 JavaScript 在 网 页 上 绘图 。 对 于 传统 Web 技术 而 言 ，Canvas 元 素 可 
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能 是 个 新 事物 ， 但 是 从 UI 自动 化 测试 的 角度 而 言 ，Canvas 的 自动 化 操作 并 不 复杂 。 与 
处 理 常 见 元 素 的 思路 类 似 ， 只 需要 解决 “界面 操作 ”的 问题 。 绘 图 元 素 的 自动 化 测试 场 
景 是 鼠标 按照 脚本 指定 的 轨迹 形成 图 像 。 也 就 是 说 ， 测 试 Canvas 元 素 绘图 这 一 功能 ， 
关键 在 于 实现 鼠标 点 击 、 移 动 等 操作 ， 这 正 是 第 3 章 介绍 过 的 ActionChains 事件 的 应 用 
场景 。 

在 上 文 的 5.2 节 中 ,图 5-3 展示 的 画图 程序 就 是 利用 Canvas 元 素 实 现 的 。 接 下 来 ， 
我 们 将 以 它 为 例 , 用 Selenium WebDriver 鼠标 事件 绘制 一 个 封闭 图 形 ， 作 为 测试 Canvas 
元 素 的 练习 。 其 代码 如 下 : 

-*- coding: utf-8 -*- 


from selenium import webdriver 





from selenium.webdriver.common.action_chains import ActionChains 

from selenium.webdriver.support.ui import WebDriverWait 

from selenium.webdriver.support import expected_conditions 

from selenium.webdriver.common.by import By 

import time 

# 获得 当前 时 间 

def get_time(): 

return time.strftime("%Y%m%d%H%M%S", time.localtime()) 

driver = webdriver.Firefox() 

driver.get(‘http://galacticmilk.com/sketchpad/") 

# 截图 一 保存 初始 界面 

wait = WebDriverWait(driver, 5) 

element = wait.until(expected conditions.element to be clickable((By.ID, 'ctx marquee"))) 

driver.save screenshot('init (0].png'.format(get time())) 

# 点 击 左 侧 工 具 箱 中 的 刷子 ， 用 于 作画 

driver.find element by_xpath(V*[(Oid="tools"]/diwdiv[S]J/diwdiv[1]J/div[7]).clickO 

# 移动 鼠标 作画 ， 并 截图 

actions = ActionChains(driver) 

actions.click_and_hold(element).move_by_offset(30, 100).move_by_offset(100, 
30).move by offset(-30,-100).move by offset(-100, -30).release().perform() 

driver.save screenshot('draw [0].png'.format(get time())) 

driver.quit() 


输出 结果 : 如 图 5-7 和 5-8 所 示 ， 该 测试 脚本 的 目录 中 会 新 生成 两 份 截图 文件 。 
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图 5-7 ”第 一 张 截 图 





图 5-8 第 二 张 截图 


5.4 Video 


有 人 说 HTML 5 是 Flash 的 终结 者 ， 因 为 它 把 视频 、 音 频 、 动 画 都 标准 化 了 ， 只 要 
浏览 器 支持 相应 的 HTML 5 标签 ， 就 可 以 免除 Flash 插件 的 安装 ， 直 接 播 放 视频 。 
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如 图 5-9 所 示 ， 以 Sencha Touch (移动 开 发 框架 〉 官方 网 站 上 的 video 示例 程序 为 
例 ， 本 节 介 绍 Selenium WebDriver 如 何 获取 视频 文件 信息 以 及 控制 视频 的 暂停 和 播放 。 





c h 'cdn.sencha.com 





图 5-9 利用 Chrome 分 析 Video 元 素 
以 下 代码 演示 了 如 何 获取 视频 文件 的 网 络 路 径 以 及 播放 时 长 。 


# -*- coding: utf-8 -*- 

from selenium import webdriver 

import time 

driver = webdriver.Firefox() 

driver. get(‘https://cdn.sencha.com/touch/sencha-touch-2.4. 1/examples/video/index. html’) 
# 单 击 页 面 ， 以 显示 视频 对 象 

div background = driver.find element by id('ext-element-7") 

div background.click() 

# 获得 视频 地 址 和 时 长 

video element = driver.find element by id('ext-element-8") 

source = driver.execute script("return arguments[0].currentSrc;", video element) 
print("The path of video is " + source) 

duration — driver.execute script("return arguments[0].duration;", video element) 
print("The duration of video is {0} seconds". format(str(duration))) 

# 控制 视频 的 暂停 和 播放 

time.sleep(10) 
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driver.execute_script("return arguments[0].pause();", video_element) 
time.sleep(5) 

driver.execute script("return arguments[0].play();", video element) 
driver.close() 


输出 结果 如 下 ， 打 印 出 视频 文件 的 网 络 路 径 和 时 长 。 


The path of video is 
https://cdn.sencha.com/touch/sencha-touch-2.4.1/examples/video/resources/media/ BigBuck.m4v 
The duration of video is 26.772607 seconds 


5.5 小 结 


这 一 章 介绍 了 HTML 5 页 面 与 传统 Web 页 面 存在 的 部 分 常见 的 差异 。 细 心 的 读者 
或 许 已 经 发 现 ， 本 章 在 介绍 如 何 测试 某 个 元 素 或 对 象 之 前 ， 并 不 是 直接 说 明 相应 的 
Selenium WebDriver 方法 ， 而 是 先 介绍 待 测 对 象 是 什么 ， 再 介绍 如 何 测试 它 。 例 如 5.3 
节 的 Canvas 元 素 ， 前 文 的 第 2、3 章 都 已 经 涵盖 了 绘图 功能 测试 脚本 中 的 知识 点 。 也 就 
是 说 ， 当 我 们 对 待 测 对 象 的 本 质 足 够 了 解 时 ， 测 试 方法 往往 是 水 到 渠 成 的 ， 是 可 以 直接 
复 用 过 去 的 知识 来 解决 的 。 

此 外 ， 善 用 JavaScript， 可 以 让 Selenium WebDriver 发 挥 出 更 加 强大 的 作用 。 当 你 
用 Selenium 这 个 关键 字 搜索 不 到 答案 的 时 候 ,用 JavaScript 检索 问题 或 许 就 会 容 然 开朗 。 
例如 本 章 介 绍 的 Web Storage 与 Video 的 相关 操作 。 
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将 你 平时 经 常 浏览 的 网 站 作为 练 手 程序 ， 或 者 用 搜索 引擎 找 几 款 HTML 5 示例 网 
站 ， 比 如 搜索 Excellent Examples of Websites Using HTML 5 之 类 的 文章 中 罗列 了 很 多 站 
点 可 以 练 手 . 选 择 你 熟悉 的 语言 编写 测试 脚本 , 定位 并 操作 Web Storage. Canvas fil Video 
对 象 。 


移动 App 测试 : Appium 


近 几 年 , 手机 客户 端的 兴起 让 移动 开发 成 为 业内 的 热门 话题 。 原生 App、 移 动 Web 
早已 屡见不鲜 。 越 来 越 多 的 移动 端 测试 工具 和 技术 进入 了 人 们 的 眼帘 。 选 择 移动 测试 工 
有 具 时 ， 我 们 一 般 会 最 先 考虑 两 点 : 

CD 是 否 需要 修改 或 重新 编译 待 测 Appo 
(2) 是 否 支 持 我 们 擅长 的 语言 来 编写 脚本 。 

Appium 在 以 上 两 个 方面 的 表现 很 出 色 。 首 先 ， 它 无 须 调 整 待 测 App， 在 不 同 平台 
上 使 用 了 统一 的 自动 化 接口 。 其 次 ，Selenium WebDriver 支持 的 任何 语言 ，Appium 也 
是 支持 的 ， 甚 至 可 以 用 Perl 调用 API， 或 者 定义 某 种 特定 语言 的 客户 端 类 库 。Appium 
官方 文档 (http://appium.io/slate/ en/1.5.3/2java#) 针对 Ruby, Python, Java, JavaScript, 
PHP 与 CHX 6 门 语言 的 使 用 情况 做 了 详细 说 明 。 

Appium 目前 支持 iOS. Android 和 Firefox OS, 然而 Mozilla 于 2015 年 12 月 正式 表 
态 ， 不 再 研发 和 出 售 Firefox OS 智能 手机 和 设备 。 本 章 篇 幅 有 限 ， 将 不 涉及 Firefox OS 
的 内 容 ， 主 要 是 从 iOS 和 Android App 测试 的 工作 原理 展开 ， 介 绍 Appium 在 移动 端 测 
试 的 用 法 。 
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6.1 认识 Appium 


如 果 读 者 对 第 5 章 5.2.2 小 节 的 内 容 还 有 印象 ， 或 许多 少 已 经 感觉 到 Selenium 与 
Appium 之 间 千 丝 万 缕 的 联系 。 虽 然 这 两 种 框架 适用 的 场景 不 同 ， 但 是 脚本 编写 的 知识 
和 思想 是 融会 贯通 的 。 本 节 将 分 别 介 绍 Appium 测试 iOS 应 用 与 Android 应 用 的 工作 原 
理 , 希望 读者 在 阅读 这 部 分 内 容 的 同时 ， 能 结合 前 文 Selenium 测试 PC 网 页 的 工作 原理 
来 思考 “自动 化 测试 脚本 在 处 理 移动 应 用 与 PC 网 页 之 间 存 在 哪些 异同 ”。 


6.1.1 Appium 是 什么 


简单 来 说 ，Appium 是 一 款 开 源 的 跨 平台 移动 测试 工具 。 它 源 于 2012 年 Dan Cuellar 
在 Selenium 大 会 上 用 Selenium 语法 演示 的 IOS 自动 化 .Appium 目前 由 国外 的 云 测试 平 
Sauce Labs 维护 ， 虽 然 历经 了 多 个 组 织 和 个 人 的 更 新 ， 但 它 的 定位 从 未 变 过 ， 那 便 是 
Selenium for Apps。 

因此 ，Appium 与 Selenium WebDriver 的 工作 原理 类 似 ， 也 是 根据 WebDriver JSON 
Wire 协议 接收 来 自 客 户 端 发 出 的 HTTP 请 求 ， 之 后 Appium Server 根据 不 同 的 平台 进行 
不 同 的 处 理 。 

接 下 来 ， 将 分 别 介绍 Appium 测试 iOS 与 Android 应 用 的 工作 原理 。 


6.1.2 Appium 5 iOS 应 用 


在 理解 Appium 测试 iOS 应 用 的 工作 原理 之 前 , 需要 先 了 解 两 个 概念 :UI Automation 
API 与 Instruments。 

UI Automation， 即 苹果 公司 提供 的 进行 UI 自动 化 的 JavaScript 库 。 在 苹果 的 开发 者 
文档 中 详细 介绍 了 如 何 用 JavaScript 脚本 来 调用 UI Automation API， 从 而 模拟 用 户 在 iOS 
应 用 界面 上 的 各 种 操作 。 可 以 参阅 : https://developer.apple.com/library/ios/documentation/ 
DeveloperTools/ Reference/UIAutomationRef/ 中 的 文档 。 

Instruments 又 称 为 Apple Instruments。 它 属于 Xcode 工具 套件 里 的 一 部 分 ， 是 一 款 
非常 强大 且 灵 活 的 性 能 分 析 和 测试 工具 .通过 Instruments 可 以 分 析 iOS 应 用 的 内 存 问 题 ， 
可 以 测试 设备 某 些 特定 的 功能 ， 比 如 WiFi、 蓝 牙 等 ， 还 可 以 通过 自 定义 脚本 来 执行 、 
回放 用 户 操作 ， 并 收集 过 程 中 的 数据 。 可 以 参阅 : https://developer.apple.com/library/ 
tvos/documentation/DeveloperTools/Conceptual/InstrumentsUserGuide/ 中 的 文档 。 
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Appium 正 是 基于 对 上 述 两 者 的 封装 来 实现 iOS 应 用 的 自动 化 测试 的 。 如 图 6-1 所 
示 ， 当 我 们 执行 测试 脚本 的 时 候 ， 会 形成 JSON 格式 的 HTTP 请 求 发 往 Appium Server, 
Appium Server 再 将 命令 发 送 到 Instruments. 。 随 后 ，Instruments 向 iOS 设备 中 注入 
bootstrap.js 文件 。 也 就 是 说 ， 测 试 脚 本 对 App 的 每 一 步 操 作 都 是 在 已 经 被 注入 了 
bootstrap.js f] iOS 设备 中 执行 的 .而 执行 的 自动 化 操作 底层 是 苹果 官方 的 UI Automation. 
举例 来 说 ，UI Automation 提供 了 两 种 方法 来 执行 “输入 ”操作 : 
(1) 直接 调用 Element 的 setValue 方法 。 
(2) 使 用 UIAKeyboard 对 象 的 typeString 方法 。 


Appium 使 用 了 方法 二 来 实现 “输入 ”， 因 为 typeString 是 完全 模拟 人 类 手工 输入 
的 过 程 ， 方 法 一 则 是 简单 的 赋值 。 




















JSON 
NEN Wire 
Protocol 
= 
Client Appium Server Apple Instruments iOS Device 


图 6-1 Appium Jil iX iOS 应 用 的 工作 原理 


6.1.3 Appium 与 Android 应 用 











Appium 对 Android 应 用 的 自动 化 过 程 与 ios 自动 化 类 似 。iOS 自动 化 测试 的 底层 是 

苹果 的 UI Automation, Android 设备 自动 化 测试 的 底层 则 是 UI Automator. Android JT 
发 者 文档 Chttps://developer.android.com/topic/libraries/testing-support-library/index.html# 
UIAutomator) 对 UI Automator 接口 做 了 详细 的 说 明 。 调 用 UI Automator 接口 可 以 对 
Android 设备 进行 各 种 操作 ， 比 如 打开 “设置 ”菜单 或 启动 某 个 应 用 。 
由 于 UI Automator 框架 要 求 Android 版 本 是 4.3 或 以 上 ， 即 API 级 别 为 18 或 以 上 。 
Appium 针对 更 早 的 Android 版 本 ， 对 Selendroid 框架 也 进行 了 封装 。 当 我 们 执行 测试 
脚本 时 ，Appium 会 根据 Android 版 本 来 决定 将 命令 向 UI Automator 还 是 Selendroid 框 
架 的 接口 发 送 。 

如 图 6-2 所 示 , 运行 在 Android 设备 上 的 bootstrap.jar, 与 前 文 提 到 的 iOS 设备 上 的 
bootstrap.js 作用 是 一 样 的 。 值 得 一 提 的 是 ,虽然 Selendroid 框架 在 这 里 仅 被 作为 Appium 
的 一 部 分 ， 但 在 某 些 移动 App 的 自动 化 测试 项 目 中 ，Selendroid 框架 是 直接 与 Selenium 
WebDriver 配合 使 用 的 。 这 是 因为 ， 尽 管 Selendroid 仅 支 持 Android 应 用 ， 社 区 影响 力 
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也 不 如 Appium， 但 由 于 它 某 些 方面 更 强大 ， 比 如 Selendroid 可 以 很 方便 地 完成 屏幕 亮 
度 调整 、 后 台 运 行 App 并 恢复 等 操作 ， 有 些 团队 在 移动 测试 框架 选 型 上 ， 还 是 选择 了 
Selendroid, 而 不 是 Appium。 若 对 Selendroid 有 兴趣 , 可 访问 官方 网 站 (http://selendroid.io/) 
了 解 详 情 。 























<17 


@lendroid 


Client Appium Server UlAutomator or Selendroid Android Device 





图 6-2 Appium 测试 Android 应 用 的 工作 原理 


6.2 ”开始 使 用 Appium 


6.2.1 准备 工作 


1. Node 与 NPM 














Appium 是 用 Node.js (又 称 Node) 编写 的 HTTP Server， 所 以 无 论 你 的 工作 机 是 
Mac 还 是 Windows， 无 论 脚本 是 为 了 测试 iOS 还 是 Android， 在 使 用 Appium 之 前 ， 都 
需要 先 准 备 好 Node 运行 环境 。 

NPM 全 称 是 Node Package Manager， 即 Node 包 管理 器 。Node WAJE, ER 
更 新 、 查看、 搜索 等 工作 都 可 以 用 NPM 来 操作 。 在 Node 安装 完成 之 后 , 有 自 带 的 NPM 
供 使 用 。 

(1) 在 Windows 下 安装 Node 

你 可 以 直接 在 http://nodejs.org/dist/ 中 下 载 已 经 编译 好 的 .msi 文件 ， 双 击 即 可 在 程序 
引导 下 完成 安装 。 

(2) Æ Mac 下 安装 Node 

可 以 直接 用 homebrew 安装 ， 命 令 如 下 : 

brew install node 


Node 安装 完成 之 后 ， 可 以 在 终端 输入 命令 node -v 来 查看 版 本 号 。 
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e iOS 应 用 与 Android 应 | 

Appium 测试 iOS 应 用 与 Android 应 用 的 工作 原理 不 同 ， 因 而 对 系统 环境 的 要 求 也 
不 一 样 ， 详 情 请 参见 表 6-1。 需 要 注意 的 是 ， 只 有 在 Mac 上 才能 进行 iOS 应 用 的 自动 化 
测试 。 
































表 6-1 iOS 与 Android 测试 环境 要 求 


iOS 应 用 Android 应 用 





Mac OS X 10.7 以 上 版 本 Mac OSX 10.7 以 上 版 本 ,或 Windows 7 以 上 版 本 ,或 Linux 
Xcode 4.5 以 上 版 本 ， 带 有 命令 行 编译 | Android SDK>16 (SDK < 16 in Selendroid mode) 
工具 





6.2.2 Appium 的 安装 与 启动 


目前 ，Appium 的 最 新 版 本 是 2016 年 6 月 8 日 发 布 的 1.5.3 版 本 。 它 的 安装 和 启动 
的 方式 有 两 种 : 通过 终端 命令 或 者 界面 化 的 应 用 程序 ， 你 可 以 根据 自己 的 习惯 两 者 择 其 
-。 下 面 将 分 别 介绍 使 用 终端 命令 和 应 用 程序 启动 Appium. 的 方法 。 


1. 使 用 命令 安装 与 启动 

Node 安装 完成 之 后 ， 我 们 就 可 以 使 用 npm 命令 来 安装 Appium 了 。 命 令 如 下 : 

a 

然而 npm 下 载 速 度 之 慢 ， 不 光 是 国内 的 “程序 猿 ” 苦 不 堪 言 ， 也 有 墙 外 的 同行 吐 
档 。 当 我 们 用 npm 安装 Appium 的 时 候 ， 或 许 并 没有 想象 中 顺利 ， 如 图 6-3 所 示 。 


applewudeMacBook-Pro:Movies applewu$ npm install -g appium 
npm tar .unp unzip error /var/folders/60/cvnxytw56vg.. 
fz9qs12r c7h0000gn/T/npm-6156-f 32dfa69/registry.npmjs.org/to 
ugh-cookie/-/tough-cookie-2.2.2.tgz 

npm Darwin 15.5.0 

npm c sr/local/Cellar/node/6.3.1/bin/node" "/usr/ 
local/bin/npi i " "-g" "appium" 


Z BUF ERROR 
E 


unexpected end of file 


If you need help, you may report this error at: 
«https: //github.com/npm/npm/issues» 





图 6-3 命令 安装 Appium 出 现 异常 
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为 了 避免 这 种 问题 , 我们 可 以 
载 速度 。 以 下 是 详细 的 步骤 。 


CD. 用 npm 来 


= 








由 阿里 团队 维护 的 npm 镜像 cnpm 来 提高 下 




















i cnpm， 并 替代 npm. 


$npm install -g cnpm --registry=https://registry.npm.taobao.org 





(2) 使 用 cnpm 安装 模块 ， 用 法 与 npm 一 样 。 安 装 appium 命令 为 cnpm install -g 
appium 。 


cnpm install [name] 





完成 后 ,可 以 用 appium 命令 启动 Appium Server, 如 图 6-4 所 示 。 用 appium-doctor 
命令 来 检测 本 地 环境 是 否 满足 iOS 与 Android 自动 化 测试 的 条 件 ， 如 图 6-5 所 示 。 





图 6-4 启动 Appium Server 


Zitengs-MacBook-Pro:~ applewu$ appium-doctor 

Rur ( hecks 
code is installed at /Library/Developer/Comman 
Xcode Command Line Tools are installed. 
DevToolsSecurity enabled. 
The Authorization DB is se 
Node binary found at 
iOS Checks we 


ANDROID HOME i et to "/Applications/adt-bundle-mac-x 64-20140702/sdk/ 


JAVA_HOME is t to "/Library/Java/JavaVirtualMachines/jdk1.8.0 25.jdk/C 
ntents/Home." 
sts at /Applications/adt-bundle-mac-x86. 64-201407 sdk/platform-t 


Android exists at /Applications/adt-bundle-mac-x8€ 20140702/sdk/tools/ 
android 


ols 





图 6-5 运行 appium-doctor 


2. 使 用 应 用 程序 安装 与 启动 











Windows 与 Mac 各 种 版 本 的 Appium 应 用 都 可 以 在 https://bitbucket.org/appium/ 
appium.app/downloads/ 中 下 载 。 只 需要 根据 文件 的 引导 , 即 可 完成 Appium 应 用 的 安装 过 程 。 
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图 6-6 是 Appium 应 用 启动 后 的 初始 界面 。 分 为 两 个 区 ， 上 方 是 工具 栏 ， 下 方 用 于 
显示 Appium 运行 过 程 中 的 命令 。 











ü 











图 6-6 Appium Server 应 用 程序 的 初始 界面 


[ 具 栏 上 的 按钮 依次 是 ， 记 打开 配置 文件 、 旭 保存 配置 文件 、Appium Doctor, 
Q 检查 器 (Inspector) ~ W 4i4it Android ACH. €& Aiit iOS 配置 、 亲 通用 配置 、 关 开发 
者 配置 、x Robot 配置 。 

(1) Appium Doctor 

图 6-7 所 示 是 单 击 Appium Doctor 按钮 的 检测 结果 ，ANDROID_ HOME 与 
JAVA_HOME 两 个 关键 的 环境 变量 没有 配置 ， 说 明 不 符合 测试 Android App 的 条 件 。 
由 于 Node 与 Xcode 的 配置 无 异常 ， 说 明 当 前 RAI 以 测试 iOS App. 


ece 2 applewu — -bash — 98x28 
Last login: Mon Aug 15 00:34:23 on ttys806 a 
applewuMBP:~ applewuS '/Applications/Appium.app/Contents/Resources/node/bin/node' '/Applications/A 
ppium.app/Contents/Resources/node_modules/appium-doctor/appium-doctor. js" 

ppiumD #88 Diagnostic starting #63 

Doct Xcode is installed at: /Applications/Xcode.app/Contents/Developer 

























p ] Xcode Command Line Tools are installed. 
pp iumD. DevToolsSecurity is enabled. 
r The Authorization DB is set up properly. 
The Node.js binary was found at: /usr/local/bin/node 
~ HOME is set to: /Users/applewu 
* ANDROID HOME is NOT set! 
* JAVA HOME is NOT set! 
* adb could not be found because ANDROID HOME is NOT set! 
x android could not be found because ANDROID HOME is NOT set! 
* emulator could not be found because ANDROID HOME is NOT set! 
#4# Diagnostic completed, 5 fixes needed. sf 


or ### Manual Fixes Needed $££ 
The configuration cannot be automatically fixed, please do the following first: 
- Manually configure ANDROID HOME. 
- Manually configure JAVA HOME. 
- Manually configure ANDROID HOME and run appium-doctor again. 
sut 


r Bye, run appiur-doctor again when the all the manual fixes have been applied! 


applewuMBP:~ applewus f 


图 6-7 Appium 应 用 程序 的 appium-doctor 检测 结 
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对 于 Mac 系统 ， 可 以 在 ~/.bash_profile 中 配置 ANDROID HOME 与 JAVA HOME, 
即 Windows 环境 下 的 系统 变量 。 
(2) Inspector 
Inspector 是 用 于 定位 元 素 的 工具 。 以 测试 iOS 应 用 为 例 ， 使 用 步骤 如 下 : 
EI 配置 iOS 应 用 的 相关 测试 参数 。 如 图 6-8 所 示 ， 应 用 路 径 、 设 备 名 称 、 版 
本 号 是 必 填 的 。 
Appium 


** é BH Æ x anh 











6-8 填写 Appium 应 用 中 的 iOS 配置 


这 些 参数 是 创建 desired_capabilities 对 象 的 必要 参数 。 虽 然 我 们 使 用 Inspector 时 还 
没有 开始 写 Appium 测试 脚本 ， 但 是 基于 第 3 章 对 Selenium WebDriver API 的 学 习 ， 我 
们 应 该 能 猜 到 desired capabilities 在 Appium 脚本 中 的 作用 , BI desired capabilities 对 象 
是 用 于 创建 Remote WebDriver 的 。 

numm 

‘app’: app, 

'platformName':'iOS', 

"platform Version':'9.3', 

'deviceName':'iPhone 6' 

} 

CX302 单 击 Launch 按钮 ， 运 行 Appium Server. 


EI SH, HF Inspector 窗口 。 你 将 看 到 测试 App 界面 上 各 个 元 素 的 属性 ， 
如 图 6-9 所 示 。 
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Fiters 
Show Disabled ~ Show invisible Record Refresh 


IUtAApplication] Movi [UIAWindow] [UlAScroliView] 
[UIAWindow} ^ *  [UlANavigation. » — [UlAImagel 
[UIAWindow] TUIASeroliview) ¥ [UIAImage] 
[UAWindow] > [UAStaticText).. press 

[UIAStaticText). 

[UIAStaticText]... 57% 

[UIAStaticText]... i utm 

[UIAStaticText].. " 63% 

[UIAStaticTextl.. 

[UIAStaticTextl.. 

[UIAStaticTextl.. 

TUIAStaticText].. 

[UIAStaticText).. 

(UIAStaticText).. 

[UIAStaticText).. 

[UIAStaticText].. 

[UIAStaticText)... 


Ihe rest chau of Umversa tes Bouro 


Touch Text Locator Misc 
Tap Swipe Shake 


Precise Tap Scroll To = 
Copy XML [© 09 





图 6-9 Appium 的 Inspector 使 用 


Inspector 支持 录制 ， 并 可 以 转换 为 多 种 语言 的 脚本 ， 如 图 6-10 所 示 。 
MUN Text Locator Misc 


Tap | Swipe Shake 





Precise Tap Scroll To 
CopyxML [Č 09 


3 import tine 
E 
5 success = True 


m 
] = "iPhone 6" 
desired caps['opp'] = os.path.abspath(' /Applications/Movles.opp'] 


wd = webdriver.Remote(^http://9,0.0.0:4723/d/hub' , desired caps) 
14 wd. inplicttly wait(60) 





图 6-10 Inspector 生成 Python 脚本 


Inspector 界面 上 还 有 各 种 常用 操作 的 按钮 ,你 可 以 通过 它们 来 对 录制 后 的 脚本 进行 
调整 ， 如 图 6-11 所 示 。 





Copyxm [© of 


tyi 
wa. find elesent, by xpath("//UIAApplication[1]/UIAMindow|1] /UIAText FLeld [1]").send keys("hello*) 
finally: 

26 — wd'quit() 


if not success: 
raise Exception("Test failed.") 





图 6-11 Inspector 生成 Python 脚本 
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6.3 原生 App 测试 实践 


本 节 的 入 门 实践 将 从 学 习 官 方 的 示例 脚本 开始 。 Appium 安装 完成 之 后 , 在 安装 目录 中 
有 个 名 为 sample-code 的 文件 夹 ， 如 /usr/local/lib/node_modules/.appium npminstall/ 
node_modules/.1.5.3@appium/sample-code。 我 们 可 以 在 sample-code 中 找到 iOS 和 Android 
的 测试 应 用 ， 以 及 多 种 语言 的 示例 代码 。 如 图 6-12 所 示 ， 本 节 将 从 ios_simple.py 和 


android_simple.py 开始 学 习 。 





图 6-12 Appium 自 带 的 Python 示例 


与 Selenium WebDriver 类 似 ， 若 使 用 Python 编写 测试 脚本 ， 则 需要 先 安装 Appium 
的 Python 客户 端 包 。 以 下 是 安装 Python 客户 端 包 的 命令 ,官方 Git 地 址 为 https://github.com/ 
appium/python-client. 

pip install Appium-Python-Client 

pip install pytest 


6.3.4 运行 ios_simple.py 














以 下 是 ios_simple.py 源码 , 在 SimplelOSTests 测试 类 中 , 有 setUp 方法 用 于 初始 化 
一 个 Remote Driver 对 象 ， 要 对 sample-code 目录 中 apps/TestApp/build/release- 
iphonesimulator 下 的 TestApp.app 进行 自动 化 测试 。tearDown 方法 用 于 销毁 这 个 Driver 
对 象 。test_ui_computation 与 test scroll 是 两 个 测试 用 例 ， 分 别 用 于 测试 TextField] 与 
TextField2 之 和 是 否 等 于 Answer， 以 及 地 图 滑动 定位 的 功能 。 
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通过 阅读 ios_simple.py， 我 们 希望 能 从 代码 层面 了 解 以 下 问题 : 
CD 测试 脚本 作为 客户 端 ， 如 何 与 Appium Server 通信 ? 

(2) 如 何 定位 移动 应 用 上 的 元 素 ， 并 操作 它们 ? 

(3) 如 何 进行 结果 验证 ? 


mmm 

















Simple iOS tests, showing accessing elements and getting/setting text from them. 
"m 

import unittest 

import os 

from random import randint 

from appium import webdriver 

from time import sleep 


class SimpleIOSTests(unittest. TestCase): 


def setUp(self): 
# set up appium 
app = os.path.join(os.path.dirname( file ), 
'./../apps/TestA pp/build/release-iphonesimulator’, 
"TestApp.app') 
app = os.path.abspath(app) 
self.driver = webdriver.Remote( 
command executor-'http://127.0.0.1:4723/wd/hub', 
desired capabilities [ 
'app': app, 
'platformName'": 'iOS', 
‘platform Version": '8.3', 


'deviceName'": 'iPhone 6' 


D 


def tearDown(self): 
self.driver.quit() 


def populate(self): 
# populate text fields with two random numbers 
els = [self.driver.find_element_by_name('TextField1'), 
self.driver.find_element_by_name('TextField2')] 
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self. sum=0 

for i in range(2): 
md = randint(0, 10) 
els[i].send_keys(rnd) 
self. sum += md 


def test_ui_computation(self): 
# populate text fields with values 
self. populate() 


# trigger computation by using the button 
self.driver.find element by accessibility id('ComputeSumButton).click() 


# is sum equal ? 

# sauce does not handle class name, so get fourth element 
sum = self.driver.find element by name('Answer).text 
self.assertEqual(int(sum), self. sum) 


deftest scroll(self): 
els = self.driver.find elements by class name('UIAButton') 
els[5].click() 


sleep(1) 
try: 
el = self.driver.find element by accessibility id('OK') 
el.click() 
sleep(1) 
except: 
pass 


el = self.driver.find element by xpath('//UIAMapView[1]") 
location — el.location 
self.driver.swipe(start x-location['x'], start y-location['y'], end x—0.5, end y-location['y'], 


duration-800) 


if name -—-' main *' 
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suite = unittest. TestLoader().load TestsFromTestCase(SimplelOS Tests ) 
unittest. TextTestRunner(verbosity=2).run(suite) 
当 我 们 利用 前 文 介绍 的 Inspector 来 分 析 TestApp.app 时 ,如 图 6-13 所 示 , 我 们 会 对 
ios_simple.py 脚本 有 更 直观 的 理解 。 





Filters 
v Show Disabled v Show Invisible Record Refresh 


(UlAApplication] Test, [UIAWindow] Details 
[UIAWindow] [UIATextField] |... » pr 
[UIAWindow] Ld [UlATextField] |...» DisabledButton 
[UIAWindow] > — [UIAButton] Co... type: UlAButton 

[UIAStaticText)... value: 

[UlAButton] sh... label: disabled NR? 

[UIAButton] co... buon 

hint: 

[UIAButton] loc... bl show alert cont.talert locatl..alert 

[UIAStaticText] visible: true 

[UIASIider] App... valid: true Label... 

[UIAStaticText]... location: 

[UIAStaticText]... (97.265625, 


407.328125} Label... 
ARGES size: (159.375, 


[UIAStaticText] 32.8125} Cien ) 

[UIASwitch] loc... ee denti Location 

[UIAButton] Te... plications st Gesture s 

inscia n WAWndowt2ut Test Gestu' Crash 
bed UlAButton[5] 


Compute Sum 


Touch Text Locator Misc content 


Tap Swipe Shake no context 


Precise Tap Scroll To Change 


CopyXML (© 09 





图 6-13 分析 TestApp 界面 元 素 


在 启动 Appium 之 后 ,就 可 以 用 命令 python ios simple.py 来 运行 测试 脚本 了 。 如 果 
你 本 地 iOS 模拟 器 的 版 本 不 是 8.3， 就 需要 将 ios_simple.py 中 的 platformVersion 改 为 本 
地 可 用 的 版 本 号 。 和 否则 脚本 在 运行 时 会 报错 : Message: An unknown server-side error 
occurred while processing the command. Original error: Could not find a device to launch. 
You requested 'iPhone 6 (8.3)', but the available devices were: XXX. 这 里 的 XXX 代表 终端 
打印 出 的 本 地 可 用 的 iOS 模拟 器 /设备 列表 。 

运行 脚本 之 后 ， 我 们 之 前 的 问题 也 有 了 答案 : 

(1) 当 Appium Server 在 本 地 启动 时 ， 即 开启 端口 4723， 客 户 端 将 请 求 发 往 
http://127.0.0.1:4723/wd/hub。 如 图 6-14 所 示 , 测试 脚本 在 执行 的 过 程 中 ,我 们 看 到 Appium 
的 窗口 中 打印 了 不 少 命令 ， 图 中 的 内 容 正 是 Appium Server 收 到 脚本 的 请 求 ， 开 始 创建 
session 了 。 之 后 的 App 界面 操作 都 是 针对 这 个 session 的 HTTP 请 求 。 
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Calling AppiumDriver.createSession() with args: [{ 
"platformVersion" $ 

Creating new IosDrive 

Capabilities: 


ipminst 
stApp/buil 


th session id: 6f8f0d60-a924- 


Xcode version set to 7.3.1 
Not auti g 
Using local app /local/lib/node. modules/.a 
ppium npminstall/node modules/.1.5.36&appium/sampl 
/TestApp/build/release-iphon 





图 6-14 Appium Server 打印 出 的 命令 
(2) 脚本 中 定位 元 素 的 方式 与 Selenium WebDriver 类 似 ， 甚 至 方法 名 都 是 一 样 的 。 


只 要 我 们 善 用 Inspector 来 获得 元 素 的 属性 值 ， 就 可 以 很 方便 地 在 脚本 中 定位 到 它们 。 
(3) 这 里 使 用 unittest 方法 来 做 断言 。Appium 框架 可 以 与 其 他 测试 框架 相互 配合 。 





没有 iPhone 的 情况 下 ,我 们 可 以 使 用 Xcode 自 带 的 iOS 模拟 器 来 运行 ios_simple.py 
然而 ， 意 外 无 处 不 在 。 执 行 完 毕 后 ， 我 们 发 现 test ui computation 用 例 失败 了 。 如 图 
6-15 所 示 , 报 错 : InvalidSelectorException: Message: Locator Strategy 'name' is not supported 








for this session. 
applewuMBP:python applewu$ 


test_scroll impl 
main. .SimplelOSTe 


lement. by. name 


webdriver.py", line 752, in find element 


driver.py", 
rror handler 
File "/Library/Python/2 


name' is not 


FAILED (errors=1) 





图 6-15 示例 ios_simple 执行 报错 
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原来 ， 通 过 name 定位 元 素 的 方式 已 经 从 Appium 1.5 之 后 被 移 除了 。 于 是 ， 我 们 需 
要 调整 元 素 定位 的 方式 ， 改 由 其 他 的 属性 〈 比 如 class name) 来 定位 。 我 们 可 以 将 以 下 
代码 : 


els = [self.driver.find_element_by_name('TextField1'), 
self.driver.find_element_by_name('TextField2')] 




















sum = self.driver.find_element_by_name('Answer).text 


BOA: 


els = [self.driver.find elements by class name('UIATextField')[0], 
self.driver.find elements by class name('UIATextField"[1]] 


sum = self.driver.find element by class name('UIAStaticText').text 


解决 了 代码 问题 后 ，ios_simple.py 的 两 个 测试 用 例 就 可 以 通过 了 。 
6.3.2 运行 android_simple.py 


对 于 Android 应 用 的 测试 ， 推 荐 使 用 Genymotion 作为 Android 模拟 器 。 如 图 6-16 
所 示 ，Genymotion 可 以 方便 、 快 速 地 创建 多 种 设备 类 型 、 多 种 Android 版 本 的 模拟 器 。 
可 以 直接 把 本 地 主机 上 的 apk 文件 拖 进 模拟 器 中 安装 ， 并 且 与 主机 共享 剪贴 板 ， 在 电 
脑 上 复制 过 内 容 之 后 ， 再 到 模拟 器 中 长 按 ， 即 可 粘贴 。 


D Virtual device creation wizard 





mover EE eve mvt 


Available virtual devices 


Google Galaxy Nexus -4.22- API 17-720x1280 


Google Nexus 6- 5:10- API 22-14402560 


Google Nexus 10-5.1.0-API22-2560x1600 


Google Nexus 6- 60.0- API 23-14402560 





图 6-16 Genymotion 添加 Android 模拟 器 
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Genymotion 对 于 个 人 用 户 免费 ,建议 访问 官方 网 站 Chttps://www.genymotion.com/ ) 
下 载 并 安装 。 

有 了 运行 ios_simple.py 的 经 验 , 我们 运行 android_simple.py 就 更 加 得 心 应 手 了 。 启 
动 Genymotion 模拟 器 后 ， 直 接 输入 以 下 命令 运行 android simple.py。 





python android_simple.py 


setUp 和 tearDown 方法 与 6.3.1 节 的 ios simple.py 类 似 ， 只 是 初始 化 的 时 候 ， 这 里 
写 的 是 Android App 的 信息 ， 所 以 不 再 袭 述 。 需 要 细 说 的 是 android_simple.py 测试 用 例 
中 的 方法 。 
def test_find_elements(self): 
el = self.driver.find_element_by_accessibility_id('Graphics') 
el.click() 
el = self.driver.find_element_by_accessibility_id('Arcs') 
self.assertisNotNone(el) 





self.driver.back() 


el = self.driver.find element by accessibility id(" App") 
self.assertisNotNone(el) 


els = self.driver.find elements by android uiautomator("new UiSelector().clickable(true)") 
self.assertGreaterEqual( 12, len(els)) 


self.driver.find element by android uiautomator('text(" API Demos")') 


find_element_by_accessibility_id: 字 面 上 很 好 理解 这 个 方法 , 就 是 通过 accessibility id 
来 查找 元 素 。 那 么 ， 什 么 是 accessibility id 属性 ? 这 个 属性 的 常见 用 途 是 什么 呢 ? 

对 于 iOS 而 言 ，accessibility_id 是 accessibility identifier 属性 ， 对 于 Android 而 言 ， 
accessibility_id 是 content-description 属性 。 比 如 说 ， 有 一 个 ImageView 中 放置 了 一 张 颜 
色 复 杂 的 图 片 , 色盲 或 色弱 的 人 可 能 分 不 清 图 片 的 内 容 。 如 果 用 户 安装 了 辅助 浏览 工具 ， 
比如 TalkBack，TalkBack 就 会 朗读 出 目前 正在 浏览 的 内 容 。 对 于 TextView 控件 而 言 ， 
TalkBack 可 以 直接 读 出 里 面 的 内 容 ; 但 是 对 于 ImageView, TalkBack 就 只 能 去 读 
contentDescription 的 值 ， 告 诉 用 户 这 个 图 片 到 底 是 什么 。 

find element by android uiautomator: android uiautomator 是 特别 有 用 的 定位 元 
素 的 方式 。 它 是 基于 Android UlAutomator 框架 中 的 UiSelector 类 而 来 的 。 比 如 ， 我 们 需 
要 找到 content-description 为 max 的 元 素 ， 那 么 可 以 写 为 : 


self.driver.find elements by android uiautomator("new UiSelector().description(‘max’)") 


关于 更 多 的 UiSelector 方法 ， 可 参见 官方 文档 : 
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https://developer.android.com/reference/android/support/test/uiautomator/UiSelector.html 





阅读 Appium 示例 代码 的 小 插曲 : 找 不 到 ApiDemos 文件 夹 


笔者 在 研究 Appium 的 sample code 时 ， 还 遇 到 过 奇怪 的 事 儿 。 装 了 两 次 
Appium, fF sample-code/apps 目录 中 都 找 不 到 ApiDemos-debug.apk。 后 来 发 
现在 node modules/appium-android-driver 中 。 这 个 问题 提交 到 Github 上 

Chttps://github.com/appium/sample-code/issues/98) ， 得 到 Appium 成 员 的 回复 
是 Appium itself does not come with any of the test code。 我 觉得 很 奇怪 ， 毕 竞 
apps 目录 中 的 其 他 文件 都 在 。 好 在 没什么 大 问题 ， 更 新 文件 路 径 之 后 ， 脚 本 
顺利 通过 了 。 

desired caps['app'] = PATH( 

'./../../sample-code/apps/ApiDemos/bin/A piDemos-debug.apk' 





改 为 : 


desired caps['app'] = PATH( 
'./../../node_modules/appium-android-driver/A piDemos-debug.apk' 
) 








示例 ios simple 和 android simple 中 用 到 的 都 是 常规 操作 ， 而 对 于 特定 的 移动 手势 
和 操作 ， 你 可 能 会 用 到 表 6-2 所 示 的 方法 。 强 烈 建 议 研 读 官方 文档 和 Appium Python 源 
码 ， 了 解 更 多 细节 。 
表 6-2 ”移动 手势 和 操作 方法 











移动 手势 操作 方法 
滑动 fick flick( self, start x, start y, end x, end y) 
ic 
通过 坐标 达到 快速 滑动 的 效果 
滚动 il scroll(self, origin el, destination el) 
i scro 
通过 元 素 locator， 控 制 从 屏幕 的 哪个 元 素 滚动 到 哪个 元 素 
拖 动 swi swipe(self, startX, startY, endX, endY, duration) 
swipe 


缓慢 拖 动 ， 通 过 坐标 和 时 间 来 控制 拖 动 效果 
打开 通知 栏 open_notifications(self) 
隐藏 键盘 hide_keyboard(self, key_name=None, key=None, strategy=None) 
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6.3.3 ”寻找 练 手 App 


在 学 习 Web 测试 自动 化 的 过 程 中 ， 我 们 只 要 有 个 URL， 就 可 以 把 它 作 为 测试 程序 
开始 学 习 自 动 化 。 而 学 习 App 自动 化 就 稍 曲折 一 些 ， 我 们 需要 有 合适 的 App 安装 文件 
作为 练 手 应 用 。 或 许 你 已 经 身 处 App 产品 团队 ， 完 全 没有 寻找 练 手 App 的 烦恼 ， 可 以 
跳 过 这 一 小 节 ; 如 果 你 需要 收集 练 手 App 来 丰富 测试 经 验 ， 那 么 本 节 提 供 了 一 种 思路 ， 
即 通过 了 解 开发 框架 reactnative， 把 它 的 示例 程序 作为 练 手 App。 

移动 开发 框架 这 么 多 , 为 什么 提 到 react-native? 测试 人 员 是 否 有 必要 学 习 一 门 开发 
HEAL? 想必 读者 会 有 很 多 疑问 。 这 要 从 react-native 的 背景 说 起 。 它 是 由 Facebook 开发 
的 开源 框架 。 与 Appium 一 样 ，react-native 也 是 用 Node.js 实现 的 。react-native 可 以 使 用 
JavaScript 开发 原生 的 iOS 和 Android 应 用 ， 如 图 6-17 所 示 。 一 方面 ，react-native 所 涉 
及 的 知识 与 自动 化 测试 人 员 的 知识 存在 部 分 重 厂 ， 了 解 它 可 以 增强 对 JavaScript 的 熟悉 
FERE. JavaScript 知识 越 扎 实 ， 处 理 各 种 UI 自动 化 测试 也 就 越 得 心 应 手 。 男 一 个 方面 ， 
开发 框架 的 示例 程序 往往 具有 上 典型 性 , 不 会 是 简单 的 Hello World, 也 不 会 是 特别 复杂 的 
业务 逻辑 。 更 何况 ， 通 过 一 门框 架 进 而 加 深 对 移动 开发 的 了 解 可 以 为 将 来 的 测试 设计 提 
供 更 多 的 思路 ， 何 乐 而 不 为 呢 ? 





























Hey #788, Welcome to React Native! 

















图 6-17 react-native 项 目 
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在 react-native 自 带 的 示例 中 ， 每 个 应 用 都 有 iOS All Android 版 本 。 在 配置 好 环境 ， 
完成 编译 之 后 ， 我 们 可 以 得 到 N 个 iOS 和 Android 版 本 的 Apps. 

以 Movies yf], https://github.com/facebook/react-native/tree/master/Examples/Movies 
的 结构 如 图 6-18 所 示 。 


1. 准备 环境 


确保 安装 了 Node 和 NPM 之 后 ， 用 npm 


命令 安装 react native。 























npm install -g react-native-cli 

2. 运行 iOS 应 用 

在 Xcode 中 打开 .xcodeproj, 直接 单 击 “ 运 
行 ”按钮 即 可 。 

3. 运行 Android 应 用 

确保 已 经 在 ~/.bash_profile 文件 中 为 
Android SDK、NDK 配置 了 环境 变量 。 之 后 
执行 如 下 命令 ， 将 会 把 编译 为 .apk 的 文件 安 
装 到 已 连接 的 模拟 器 或 真 机 上 。 图 6-18 react native 自 带 示例 Movies 项 目 结构 





cd react-native 
./gradlew :Examples:UIExplorer:android:app:installDebug 
我 们 开始 动手 编写 Movices 应 用 “列表 搜索 ”功能 的 iOS 和 Android 测试 脚本 。 
操作 如 下 : 
(1) 在 文本 框 内 输入 搜索 的 内 容 : Bad Moms。 
(2) 验证 搜索 到 的 第 一 项 的 name 属性 。 
4. 编写 iOS 应 用 的 测试 脚本 
前 文 已 经 细 说 了 使 用 Appium Inspector 查看 iOS 元 素 的 方法 ， 这 里 不 再 袭 述 。 元 素 
操作 的 方法 如 下 : 
def test_search(self): 
query element = self.driver.find element by xpath (WUIAApplication[1]/UIAWindow[1]/ 


UIATextField[1]") 
query element.send keys('Bad Moms") 
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first item = self.driver.find_element_by_xpath (WUIAApplication[1]/UIAWindow[1]/ 


UIAScroll View[1]/UIAElement[1]') 
assert str(first_item.get_attribute(‘name')) == ' 


5. 编写 Android 应 用 的 测试 脚本 


虽然 Appium Inspector 也 查看 Android 元 素 ， 但 是 在 Android SDK 的 tools 目录 中 ， 





Bad Moms 2016。Critics 63%' 


有 一 个 名 为 uiautomatorviewer 的 工具 也 可 以 用 于 分 析 Android App 的 界面 元 素 , 甚至 更 
受 Android 开发 人 员 的 青睐 。 因 为 它 比 Appium Inspector 在 Android App 的 使 用 上 要 简 
单 。 无 须 填写 任何 参数 ， 启 动 uiautomatorviewer 后 ， 单 击 田 按钮 ， 它 就 会 以 快照 的 方式 
把 当前 Android 设备 上 正在 运行 的 App 界面 记录 下 来 ， 如 图 6-19 所 示 。 


Q Search a movie... 


Kubo and the Two Strings 


g Ben-Hur 


RAS Suicide Squad 
Fx 
: Pete's Dragon 
War Dogs 
woe 


E 't Breathe 


以 下 是 操作 Android 版 Movies 应 用 的 脚本 。 


import unittest 
import os 


Nose Dotai 
index 

text 
resource-id 
class 
package 
content-desc. 
checkable 
checked 
clickable 
enabled 
focusable 
focused 
scrollable 
long-clickable 
password. 
selected 
bounds 





WS 一 11071269) 


aN! 1 
(1) EditText:Search a movie... 120,84)942,234] 
(2) FrameLayout [933,105][1041,213] 
(1) View (0,243)11080,246) 


7 (2) ScroliView [0,246]11080,1920] 


(0) View (0,246]:1080,1920] 

(0) View (0,2461:1080,555] 
(0) ImageView [15,261)195,540] 
(1) TextView:Kubo and the Two Strings [225,261] 
(2) TextView:2016 « Critics 96% [225,491)(1065 

(1) View (12,555)(1080,558) 

* (2) View (0,558](1080,867) 
0) ImageView (15,573)(195,852) 
(1) TextView:Ben-Hur [225,573)1065,797] 


1 
Search a movie... 


android widget EditText. 


(120,84)942,234] 


图 6-19 启动 uiautomatorviewer 


from selenium.webdriversupportui import WebDriverWait 
from selenium.webdriver.support import expected_conditions 
from selenium.webdriver.common.by import By 


from appium import webdriver 


第 6 章 移动 App 测试 : Appium 139 





class MoviesIOSTests(unittest. TestCase): 


def setUp(self): 
# set up appium 
dir path = os.path.dirname(os.path.realpath( file )) 
app = dir path  '/apps/Movies.apk" 
self.driver = webdriver.Remote( 
command executor-'http://127.0.0.1:4723/wd/hub', 
desired capabilities [ 
'app': app, 
'platformName": 'Android', 
'platform Version': '4.4', 
'deviceName': 'Genymotion Emulator" 


D 


def tearDown(self): 
self.driver.quit() 
# self.driver.close_app() 


def test_search(self): 


# Wait for the query element 


WebDriverWait(self.driver, 8).until(expected conditions.presence of element located 
((By.CLASS NAME, 'android.widget.EditText'))) 


query element = self.driver.find element by class name('android.widget.EditText') 
query element.send keys('Bad Moms') 

first item = self.driver.find element by class name('android.widget.TextView') 
assert str(first item.get attribute('text')) == 'Bad Moms! 


if name --' main * 
suite = unittest. TestLoader().load TestsFromTestCase(MoviesIOSTests) 
unittest. TextTestRunner(verbosity=2).run(suite) 


6.4 Web App 测试 实践 


图 6-20 所 示 是 Appium 示例 程序 自 带 的 WebView 应 用 ,移动 端的 Web 应 用 在 主屏 
幕 也 会 有 一 个 App 的 图 标 ， 看 起 来 跟 原 生 App 无 异 ， 但 本 质 上 说 ， 它 还 是 纯 浏 览 器 的 
应 用 。 从 业务 功能 来 说 ， 有 不 少 Web 应 用 在 移动 端 上 的 使 用 与 PC 端 并 没有 多 少 差别 ， 
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即 同样 的 URL 在 PC 端 和 移动 端 都 可 以 访问 ， 只 是 针对 设备 的 不 同 进行 了 响应 式 布局 。 


(OS 9.3 (136230) 





图 6-20 Appium 自 带 应 用 WebViewApp 
以 下 是 Appium 官方 提供 的 测试 Web App 的 Python 示例 8 代码 。 单 从 脚本 中 
WebDriver 对 象 的 使 用 方法 来 看 ， 并 没有 前 几 章 未 兽 涉 及 的 陌生 知识 点 。 那 么 ， 移 动 端 
的 Web App 与 PC 端的 Web 页 面相 比 ， 有 哪些 需要 额外 了 解 的 地 方 呢 ? 








# setup the web driver and launch the webview app. 
capabilities = { 

‘platformName': 'iOS', 

‘platform Version": '7.1', 

'browserName': 'Safari', 

'deviceName'": "iPhone Simulator’ 


1 
j 


driver = webdriver.Remote('http://localhost:4723/wd/hub', capabilities) 


# Navigate to the page and interact with the elements on the guinea-pig page using id. 
driver.get(‘http://saucelabs.com/test/guinea-pig'); 

div = driver.find_element_by_id(‘i_am_an_id') 

# check the text retrieved matches expected value 


assertEqual('I am a div', div.text) 





Q) https://github.com/appium/appium/blob/master/docs/en/writing-running-appium/mobile-web.md 
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# populate the comments field by id 
driver.find_element_by_id(‘comments').send_keys('My comment) 


# close the driver 
driver.quit() 


相 较 于 手机 或 模拟 器 而 言 ，PC 端的 脚本 调试 要 方便 、 容 易 得 多 。 因 此 ， 对 于 那些 
与 PC 端 差 异 不 大 的 移动 Web 应 用 ,我们 可 以 借鉴 PC 端 通过 Chrome Inspect 或 者 Firebug 
之 类 的 工具 来 定位 元 素 的 方法 ， 完 成 PC 端的 测试 之 后 ， 再 更 新 脚本 中 Driver 对 象 的 定 
义 ， 将 脚本 在 真 机 或 模拟 器 上 执行 ， 以 达到 移动 端 测试 的 目的 。 当 然 ， 我 们 也 可 以 通过 
Chrome 和 Safari 浏览 器 自 带 的 开发 者 工具 联机 查看 Android # iOS Web App 访问 的 页 
面 。 本 节 正 是 围绕 Web App 的 联机 调试 而 展开 的 。 


6.4.1 使 用 Chrome 开发 者 工具 查看 Web App 元 素 





要 查看 Web 页 面 在 移动 设备 上 的 展示 效果 , 最 简便 的 方式 莫 过 于 Chrome 浏览 器 的 
开发 者 工具 了 。 单 击 Chrome 工具 栏 的 View- Develop- Develop Tools， 打 开 开 发 者 工 
具 ， 如 图 6-21 所 示 。 单 击 手机 样式 的 图 标 ， 即 可 显示 当前 页 面 在 手机 上 的 效果 。 我 们 
还 可 以 自 定义 移动 设备 的 尺寸 、User Agent 等 信息 。 


e C à https://wwwpingoucom 


Phoney 375 x 667 oe% v 


PInG++ = 


轻 轻松 松 接 入 支付 。 


在 任何 你 能 想到 的 场景， 
轻松 接 入 支付 ， 集 中 管理 交易 。 





图 6-21 Chrome 的 手机 模拟 器 
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6.4.2 Android Web App 的 联机 调试 


Chrome 的 便捷 之 处 不 仅 体现 在 模拟 器 上 ， 它 还 支持 Android Web App 的 联机 调试 。 
具体 步骤 如 下 : 


ED) 开启 Android 设备 的 USB 调试 模式 。 
如 图 6-22 所 示 ， 启 动 Genymotion 模拟 器 ， 进 入 “设置 ”一 “关于 
次 单 击 “ 版 本 号 ”会 切换 至 开发 者 模式 。 

如 果 Android 设备 已 经 处 于 开发 者 模式 ， 那 么 在 “设置 ”界面 中 将 有 “开发 人 员 选 
W”. WE 6-23 所 示 ， 将 USB 调试 功能 开启 。 


@ © © Gonymotion for personal use - Google Nerus 6 - 60.0 - API2. 














H 





Ww 





手机 ” 界 










































































€ About phone 





Legal information 











Model number 
Googie Nex jnymotion for personal use - Google Nexus 6 - 6.0.0 - 7i 











Android version 
€ Developer options 


Android security patch level 
October 1 


Baseband version 








Running services 
w and control currently running service 





Kernel verson 
notion Debugging 





USB debugging 
Debug mode when USB is c 








em, report shortcut 
Show a button in the power menu for taking a bug 
report 




























































































图 6-22. 单 击 Build Number 进入 开发 者 模式 图 6-23 ”开启 USB 调试 选项 
ŒD 在 Chome 中 查看 已 连接 的 
Android 设备 。 Styles Computed Ev Dockside |) [d O 
打开 Chrome 浏览 器 ， 在 页 面 上 右 击 ， 选 
ER Show console Esc 
择 Inspect 打开 开发 者 工具 。 如 图 6-24 所 示 ， 在 } dil Searchallfies 3 opt F 
发 者 工具 的 右上 角 菜 单 中 选择 More tools cn 
Inspect devices 。 ke settings BER Pi 
Help 





图 6-24 ”选择 Inspect devices 菜单 
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如 图 6-25 所 示 ， 确 保 Discover USB devices 处 于 勾 选 状态 。 之 后 ， 所 有 连接 上 的 
Android 模拟 器 和 真 机 将 显示 在 这 个 界面 中 。 

















Settings 


Discover USB devices 
Need help? Read Chrome remote debugging documentation. 


Port forwarding 


Define the listening port on your device that maps to a port accessible from your development 


machine. Learn more 





No devices detected. Read remote debugging documentation for more information. 
图 6-25 确保 Discover USB devices 选项 被 勾 选 


2103 打开 Web App， 在 Chrome 中 查看 Web App 的 细节 。 
如 图 6-26 所 示 ， 当 我 们 在 Android 设备 上 打开 Web App 或 使 用 浏览 器 访问 页 面 时 ， 
将 会 显示 相应 的 URL. 


Devices Google Nexus 6 - 6.0.0 - API 23 - 1440x2560 #192.168.58.101:5555 


Google Nexus 6 -  WebView in com.android.browser (40.0.0.0) 

6.0.0 - API 23 - 

1440x2560 Ping++ 聚合 支付 接口 | 支付 宝 微 信 支 付 分 期 Apple Pay 
* Connected 


Settings 


https://www.pingxx.com/ 


1 device detected. Read remote debugging documentation for more information. 





图 6-26 Web App 访问 URL 显示 在 Chrome 中 


HH Inspect 按钮 之 后 ， 与 我 们 在 本 地 查看 PC 端 网 页 的 效果 类 似 ， 显 示 了 DOM 结 
构 、 样 式 等 细节 ， 如 图 6-27 所 示 。 
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PING++ 


div Class="seall-12 wediue-10 columns TuLtheight-cotumn- 


Me Mei 
M «div class=" margin: 
轻 轻松 松 接 入 支付 。 | 
在 任何 你 能 想到 的 场景 ， as ip E et 
轻松 接 入 支付 ， 集 中 管理 交易 。 pite ram rame Kee ee IR U cM -webkit-user-select: none; 
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to^ index, hero. subheading"> f 


button ( 
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Force Element State p [Ine block: 


: 
Edit as HTML 
Be : poire MN 
P» Cut ign: middle; 
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a E 
E ie 
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Dew features HÀ Scroll into View 


der eje 











图 6-27 Chrome 中 查看 到 移动 页 面 的 元 素 细节 
6.4.3 iOS Web App 的 联机 调试 


Safari 浏览 器 支持 IOS Web App 的 联机 调试 。 具 体 步 骤 如 下 : 
EMO) 确保 Safari 启用 了 开发 者 菜单 ， 如 图 6-28 所 示 。 





Advanced 


H=4%200 2 58 


General Tabs AutoFill Passwords Search Security Privacy Notifications Extensions 





‘Smart Search Field: — Show full website address 
Accessibility: Never use font sizes smaller than > 
Press Tab to highlight each item on a webpage 
Option-Tab highlights each item. 


Bonjour: Include Bonjour in the Bookmarks menu 
Include Bonjour in the Favorites bar 


Internet plug-ins: 四 Stop plug-ins to save power 


Style sheet: None Selected B 
Default encoding: Western (ISO Latin 1) B 


Proxies: Change Settings... 
© Show Develop menu in menu bar ? 


6-28 Safari 启用 开发 者 菜单 
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€ 在 iOS 设备 的 Setting 一 Advanced 中 确保 Web Inspector 已 启用 ,如 图 6-29 所 示 。 








06 © Phone Ge - Phone 66/105 0.3 (13£230) BDO Phone Os - Phone 65/105 9.3 (13E230) 
Carrier © 12:22 AM = Carrier * 12:31AM 
《 Settings Safari € Safari Advanced 


Block Pop-ups «o 


Website Data 
PRIVACY & SECURITY 
Do Not Track C JavaScript «o 
Block Cookies Allow from Websites | Visit 
Fraudulent Website Warning «o Web Inspector «o 
About Safari & Privacy. To use the Web inspector, use Safari and access iPhone. 


trom the Develop menu. You can enable the Develop 
menu in Satan's Advanced Preferences on your 
computer. 

Clear History and Website Data 


READING LIST 


Use Cellular Data «o 


Use cellular network to save Reading List items from 
iCloud for offline reading. 








6-29 ”启用 Web Inspector 


ELIO 打开 Safari 的 Develop 菜单 ， 若 是 真 机 连接 ， 则 会 显示 iPhone 子 菜单 项 ; 
若是 模拟 器 ， 则 会 在 Simulator 子 菜单 中 显示 iOS Web App 访问 的 URL， 在 Safari 中 会 
看 到 该 页 面 的 各 个 元 素 细节 ， 与 Chrome 类 似 ， 如 图 6-30 所 示 。 


Safari File Edi View History Bookmarks 有 Window Help 6:55 & & o sa 














iPhone 6s ~ iPhone 6s /105 9.3(13E230) | Open Page With Web inspector — Simulator — Safari 一 www.pingxx.co 
Carrier 全 12:30 AM User Agent. 





& pingxx.com 


Start Timeine Recording 


Empty Caches > 
Disable C. P con/assets/js/Lib/report. js" charset="utf-8"></script> 


图 6-30 Safari 显示 Web App 访问 的 URL 
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6.5 小 结 


本 章 介绍 了 Appium 如 何在 iOS 与 Android 上 进行 App 测试 。 


e Appium 与 Selenium WebDriver 工作 原理 类 似 ， 移 动 App 测试 脚本 的 编写 思路 
也 与 Web 页 面 测试 脚本 的 编写 思路 类 似 : 元 素 定 位 一 操作 一 检查 (打印 ) 结 

e iOS 与 Android 平台 不 同 , 但 测试 脚本 中 创建 Driver 对 象 的 方法 相同 , 都 是 基于 
WebDriver 的 Remote 方法 。 

。 掌握 联机 调试 方法 ， 熟 练 使 用 浏览 器 的 开发 者 工具 、UI Automator Viewer, UA 
及 使 用 Appium Inspector 进行 App 元 素 定 位 ， 这 是 App 测试 人 员 的 必修 课 。 





66 练 J 


C1) 选择 你 熟悉 的 语言 ， 为 某 个 原生 App 编写 测试 脚本 ， 完 成 “ 单 击 ”“ 双 击 ” 
“键盘 输入 ”等 操作 。 
(2) 使 用 Chrome 或 Safari 进行 某 个 Web App 的 联机 调试 。 


BDD: 行为 驱动 开发 


引入 自动 化 测试 是 为 了 帮助 产品 快速 迭代 。 测 试 人 员 掌 握 一 门 自动 化 技术 、 写 一 些 
测试 脚本 并 不 难 , 难 的 是 把 自动 化 测试 作为 一 项 持续 性 的 投资 , 不 断 地 改进 过 程 和 策略 ， 
使 自动 化 的 价值 最 大 化 。 

图 7-1 是 由 测试 专家 Lisa Chrispin 和 Janet Gregory 提出 ,流传 其 广 的 敏捷 测试 四 
象限 。 测 试 人 员 在 了 解 敏捷 开发 方法 的 基础 上 ， 根 据 产品 和 团队 情况 选择 合适 的 工具 和 
技术 ， 把 技术 与 过 程 相 结合 ， 才 能 事半功倍。 


| SS 面向 商业 
| 手工 & 自 动 化 E 





























功能 测试 探索 性 测试 
Tol 场景 
用 户 故事 测试 可 用 性 测试 
原型 用 户 验收 测试 
模拟 Alpha/Beta 测试 

Q2 Q3 

QI Q4 

| 
= 性 能 & 压 力 测试 
ana Sat 
生产 环境 监控 
自动 化 工具 
面向 技术 


图 7-1 敏捷 测试 四 象限 
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本 章 围绕 敏捷 开发 方法 BDD 而 展开 ， 首 先 介绍 它 的 由 来 、 工 具 选 型 ， 然 后 将 BDD 
工具 与 Selenium 结合 进行 代码 演练 ， 希 望 为 大 家 提供 敏捷 测试 自动 化 的 新 思路 。 





7.1 认识 BDD 


7.1.1 BDD 的 由 来 


BDD 是 Behavior-Driven Development( 行 为 驱动 开发 ) 的 简称 , 早 在 2003 年 由 Dan 
North 提出 。 在 提出 BDD 概念 之 前 ，Dan North 与 其 他 敏捷 开发 的 实践 者 一 样 ， 已 经 在 
各 种 项 目 中 接触 过 TDD (Test-Driven Development 测试 驱动 开发 ) 了 。 然 而 ， 他 发 现 
TDD 并 不 能 有 效 避 免 项 目 开 发 过 程 中 出 现 的 误解 ， 减 少 技术 人 员 对 于 业务 理解 上 的 困 
惑 。 于 是 ， 他 提出 BDD 这 样 一 种 新 的 方式 。 随 着 时 间 的 推移 ，BDD 发 展 到 自动 化 验收 
测试 的 范畴 。 

BDD 在 维基 百科 的 定义 中 被 称 为 TDD 的 扩展 , 它 是 将 结构 化 的 自然 语言 解析 为 可 
执行 的 测试 代码 ， 以 实现 功能 测试 自动 化 。BDD 与 TDD 的 比较 将 在 7.1.2 小 节 进 行 详 
细 的 说 明 。 

BDD 通常 会 有 以 下 过 程 : 

(1) 相关 人 员 对 产品 功能 、 用 户 场景 达成 共识 。 
(2) FASC CARIBE) 定义 产品 功能 ， 描 述 用 户 场景 。 
(3) 用 代码 〈 编 程 语言 ) 将 场景 “翻译 ”为 可 执行 的 测试 程序 。 

BDD 之 所 以 能 广 为 流 传 ， 是 因为 它 更 贴近 敏捷 开发 的 价值 观 。 

1. 个 体 与 交流 胜 过 流程 与 工具 


虽然 BDD 实践 离 不 开工 具 和 框架 ， 但 它 把 团队 交流 放 在 了 首要 位 置 。 技 术 与 非 技 
术 人 员 在 对 业务 知识 、 产 品 细节 的 理解 上 各 有 不 同 。 更 可 怕 的 是 ， 技 术 人 员 往 往 在 初期 
就 考虑 细节 问题 ， 而 业务 人 员 又 描述 得 太 宽泛 。 结 果 很 容易 导致 最 终 交 付 的 版 本 不 能 满 
足 用 户 的 需求 。 戏 说 软件 开发 的 图 7-2 虽然 滑稽 ， 但 赢得 了 不 少 业内 共鸣 。 

而 BDD 的 妙 处 在 于 ， 大 家 “说 同一 种 语言 ”来 讨论 用 户 的 故事 (User Story) ， 如 图 
7-3 所 示 ， 由 粗 到 细 ， 由 浅 入 深 。 在 实际 工作 中 ， 一 般 客户 提供 的 是 最 粗略 的 产品 需求 ， 
虽然 在 这 个 阶段 ， 我 们 对 产品 没有 具象 的 理解 ， 但 是 可 以 基于 用 户 的 需求 明确 验收 标准 
(Acceptance Criteria) 。 之 后 ， 再 基于 验收 标准 来 设计 产品 的 使 用 场景 。 而 后 ， 随 着 产品 
设计 的 深入 ， 我 们 可 以 对 使 用 场景 描述 得 更 加 细致 具体 ， 从 而 形成 BDD 的 最 终 文档 。 
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How the customer explained it | | How the Project Leader How the Analyst designed it How the Programmer wrote it | | How the Business Consultant 
understood it described it 

How the project was What operations installed How the customer was billed How it was supported 

documented 


图 7-2 戏说 软件 开发 








What the customer really 
needed 











fr order to enecuraae travellers to bock wiih 


Fra Hh Arinae more égard 
A the Pero Heh eke manager 


Earning Fagan Fir pori from ght 
| 





Earning extra pointe based on cabin category 


Scenario: Earning standard points from an Economy flight 
Given the flying distance between Sydney and Melbourne is 878 km 


And I am a standard Frequent Flyer member 
When I fly from Sydney to Melbourne 
Then I should earn 439 points 





Scenario: Earning standard points from an Economy flight 
Given the flying distance between «departure» and <destination> is «distance» km 
And 1 an à standard Frequent Flyer member 

When I fly from «departure» to «destination» 

Then I should earn «points» points 


Examples: 
| departare | destination | distance | points | coments 1 
| Sydney | Melbourne | 878 | 439 | 1 point per 2 kms for domestic flights | 
| Sydney | Perth | 4100 | 2050 | Í 
| Sydney | Mong Kong | 7500 | 500@ | 1 point per 1.5 kas for international flights | 





图 7-3 BDD 的 User Story 演变 过 程 
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2. 可 交付 的 软件 胜 过 繁复 的 文档 


BDD 注重 文档 与 代码 结合 ， 不 仅 体现 在 业务 交流 、 测 试 代码 的 实现 上 ， 还 体现 在 
最 终 的 测试 报告 里 。 如 图 7-4 所 示 ， 测 试 报告 中 会 输出 场景 描述 (Story) 、 详 细 步 又 
(Steps) 、 每 个 步骤 的 执行 结果 (Outcome) 与 用 时 (Duration) 。 因 BDD 工具 的 不 同 ， 
报告 的 展现 样式 也 不 同 ， 但 BDD 报告 会 清楚 地 反映 出 哪个 场景 的 哪 一 个 步骤 出 现 了 问 
题 。 当 系统 功能 (场景 描述 ) 发 生变 化 时 ， 测 试 代码 必须 要 做 相应 的 调整 ， 否 则 执行 会 
报错 。 这 就 保证 了 “系统 功能 -场景 描述 文档 -测试 代码 ”三 者 同步 更 新 ， 不 需要 传统 意 
义 上 的 “验收 测试 用 例 ”“ 测 试 报告 ”了 


o Earning standard points from an Economy flight 





0.05s 
Story: Earning Points From Flights 





| In order to encourage travellers to book with Flying High Airlines more frequently 
As the Flying High sales manager 
1 want travellers to earn Frequent Flyer points when they fly with us 





payments (component) Earning points from flights (Feature) Earning points (capability) Earning points from flights (story) - 





Steps Outcome Duration 
© Given the flying distance between {Sydney} and (Melbourne) is (878) km SUCCESS 0s 
© Andlam a (standard) Frequent Flyer member SUCCESS 


TE Then I should earn (439) points SKIPPED 0s 








图 7-4 BDD 工具 生成 的 测试 报告 
7.1.2 与 TDD 比较 


TDD (Test-Driven Development， 测 试 驱动 开发 ) 是 最 广为人知 的 敏捷 开发 方法 ， 始 
于 20 世纪 90 年 代 。TDD 倡导 先 编写 测试 代码 ， 在 此 阶段 不 考虑 功能 实现 的 中 间 过 程 ， 
只 考虑 输入 输出 的 需求 ; 之 后 ， 再 实现 相应 的 功能 代码 ， 使 得 之 前 的 测试 用 例 可 以 运行 
通过 。 乍 一 想 ， 有 人 会 认为 TDD 使 代码 量 增 加 了 ， 开 发 效率 降低 了 。 但 是 ， 当 我 们 身 
处 在 一 个 快速 迭代 的 项 目 中 ,发 现 已 经 测试 过 的 功能 逻辑 总 面临 着 变更 ， 或 者 我 们 需要 
对 历史 功能 进行 重 构 ， 在 这 些 情况 下 ，TDD 的 好 处 就 会 体现 得 尤为 明显 。 先 写 测试 ， 
可 以 帮助 我 们 澄明 需求 ， 而 不 是 代码 写 到 一 半 才 发 现 设计 上 有 问题 ， 此 其 一 : 其 二 , 我 
们 可 以 运行 测试 代码 来 得 到 快速 反馈 ， 以 确认 是 否 引 入 了 新 的 问题 ， 影 响 了 之 前 已 实现 
的 功能 。TDD 正 是 通过 这 两 方面 来 提高 代码 交付 质量 的 。 

TDD 与 BDD 都 属于 敏捷 开发 领域 的 话题 ， 有 不 少 人 会 拿 它 们 做 比较 。 
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先 来 谈 谈 它们 的 实施 方式 。TDD 往往 是 从 单元 测试 代码 开始 的 。 如 果 要 在 项 目 中 
推广 ， 通常 是 从 开发 人 员 发 起 的 (虽然 因为 种 种 原因 ， 测试 人 员 写 单元 测试 的 例子 也 不 
少见 ) 。 而 BDD 是 围绕 系统 /产品 的 使 用 场景 展开 的 。 系 统 使 用 场景 的 确定 往往 是 多 方 
参与 ， 包 括 测试 人 员 。BDD 制定 的 场景 描述 与 测试 用 例 类 似 ， 更 像 是 集成 测试 或 者 验 
收 测试 。7.1.4 小 节 将 对 BDD 实施 过 程 进行 详细 说 明 。 

再 来 说 说 它们 的 使 用 目的 。TDD 的 目的 是 在 早期 就 可 以 快速 得 到 代码 问题 的 反馈 ; 
BDD 的 目的 是 多 方 角色 在 早期 就 可 以 在 业务 场景 上 达成 统一 认识 ， 减 少 “技术 语言 
和 “业务 语言 ”之 间 的 认 知 偏差 。 

如 图 7-5 所 示 ，TDD 与 BDD 并 不 矛盾 。 简 单 来 说 ， 一 个 是 在 “类 /方法 ”的 层面 ， 
一 个 是 在 “功能 / 场景 ”层面 ， 它 们 可 以 协作 得 很 好 。Github 上 有 不 少 采 用 了 TDD 和 
BDD 的 示例 项 目 ， 比 如 秒表 程序 https://github.com/nerds-odd-e/stopwatch， 它 的 文档 已 
经 详细 描述 了 程序 的 开发 过 程 。 建 议 大 家 在 阅读 了 下 文 BDD 工具 的 相关 内 容 ， 对 BDD 
工具 有 了 一 定 的 了 解 之 后 ， 再 结合 这 类 Github 示例 项 目 加 深 理解 。 








Write a failing 
feature test 


7 cycles 


图 7-5 BDD 5 TDD 协作 


7.4.8 选择 合适 的 BDD 工具 


1. 两 大 阵营 


随 着 敏捷 开发 技术 的 发 展 , 涌现 出 大 量 的 BDD 工具 , 出 现 了 storyBDD 与 specBDD 
两 类 阵营 的 框架 。 

storyBDD 一 类 的 框架 通常 是 基于 Gherkin 语法 的 。 开 发 、 测 试 、 产 品 经 理 , 或 其 他 
相关 人 员 可 以 使 用 Gherkin 语法 在 后 级 名 为 .feature 的 文件 中 描述 场景 , 这 个 文件 相当 于 
一 个 测试 用 例 集 ， 与 测试 代码 所 使 用 的 编程 语言 无 关 。 下 面 是 一 个 最 简单 的 Feature 文 
件 示 例 ，Given、When、Then 是 三 要 素 ， 分 别 作为 “前 置 条 件 ”“ 操 作 步 又” 和 “预期 
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结果 ”。.feature 文件 默认 是 用 英文 编写 的 ， 在 72 小 节 BDD 工具 的 使 用 中 会 演示 
文 .feature 文件 的 写法 。 


Feature: Withdraw Money from ATM 





A user with an account at a bank would like to withdraw money from an ATM. 


Provided he has a valid account and debit or credit card, he should be allowed to make the 
transaction. The ATM will tend the requested amount of money, return his card, and subtract amount of the 
withdrawal from the user's account. 


Scenario: Scenario 1 
Given preconditions 
When actions 


Then results 


Scenario: Scenario 2 


specBDD 一 类 的 框架 ,描述 业务 场景 的 表达 方式 与 测试 代码 所 用 语言 有 关 , 就 不 是 
使 用 feature 文件 了 。 
比如 ， 使 用 Ruby 的 rspec: 


# game_spec.rb 


RSpec.describe Game do 
describe "#score" do 
it "returns 0 for an all gutter game" do 
game = Game.new 
20.times { game.roll(0) } 
expect(game.score).to eq(0) 
end 
end 
end 


使 用 C 的 cspec: 


#include <math.h> 














#include "cspec.h" 
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DESCRIBE(fabs, "double fabs( double arg )") 


IT( "returns the same number if the input number is positive" ) 
SHOULD EQUAL( fabs(1.0), 1.0) 
SHOULD EQUAL( fabs(0.0), 0.0) 
SHOULD EQUAL( fabs(6.7), 6.7) 

END IT 


IT( "returns the opposite number if the number is negative" ) 
SHOULD EQUAL( fabs(-1.0), 1.0) 
SHOULD EQUAL( fabs(-6.7), 6.7) 

END IT 


END DESCRIBE 


从 一 些 技术 论坛 和 社区 活跃 度 来 看 ， 目 前 storyBDD 属于 主流 ， 本 章 的 讨论 和 实践 
环节 也 是 基于 storyBDD 这 类 框架 进行 的 。 后 文 将 继续 针对 storyBDD 框架 和 .feature 文 
件 的 应 用 做 进一步 说 明 。 


2. 技术 选 型 





本 节 将 讨论 我 们 在 对 BDD 框架 做 调研 、 进 行 技术 选 型 的 过 程 中 需要 关注 的 种 种 问题 。 

表 7-1 摘录 了 部 分 常见 的 BDD 框架 。 这 张 表 只 是 提供 语言 方向 上 的 参考 ， 本 书 也 
不 会 详细 说 明 各 个 工具 之 间 的 差异 ， 因 为 各 个 工具 是 在 不 断 发 展 和 变化 的 。 例 如 ， 
Cucumber Chttp://cukes.info) 创建 于 2008 年 ， 最 初 只 支持 Ruby， 在 2012 年 4 月 发 布 的 
版 本 中 ， 借 由 Cucumber-JVM 支持 了 多 种 在 JVM 上 运行 的 语言 ， 如 图 7-6 所 示 ， 它 已 
经 成 为 最 知名 的 BDD 工具 之 一 。 而 Freshen (https://github.com/rlisagor/freshen) 于 2015 
年 5 月 宣布 不 再 维护 了 。 

















表 7-1 BDD 框架 
编程 语言 框架 名 称 








€ Cspec https://github.com/arnaudbrejeon/cspec 
Cc CppSpec https://github.com/tpuronen/cppspec 
C2 SpecFlow http://www.specflow.org/ 


NBehave https://nbehave.codeplex.com/ 
NSpecify http://nspecify.sourceforge.net/ 
Java JBehave http://jbehave.org/ 





Cucumber-JVM https://cucumber.io/ 























Shoulda https://github.com/thoughtbot/shoulda 
RSpec http://rspec.info/ 


Cucumber implementations 


Ruby/JRuby 








ng Cucumber JVM) 





f 





2 
ba 








*:02*:?"*k ae 


Framework integration 





O Serenity 


fA 7-6 Cucumber 家 族 


ing Cucumber JVM and Rhino) 
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(BR) 
编程 语言 框架 名 称 
Groovy Easyb http://easyb.org/ 
Cuke4Duke https://github.com/cucumber/cuke4duke 
PHP Behat http://behat.org/ 
PHPSpec http://www.phpspec.net/en/stable/manual/introduction.html 
Specipy https://github.com/Codeception/Specify 
Objective-C Specta https://github.com/specta/specta 
Kiwi https://github.com/kiwi-bdd/Kiwi 
Cedar https://github.com/pivotal/cedar 
Python Lettuce http://lettuce.it/ 
Behave http://pythonhosted.org/behave/ 
Freshen https://github.com/rlisagor/freshen 
Ruby Cucumber https://cucumber.io/ 
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我 们 选择 BDD 框架 时 ， 可 以 从 以 下 几 个 方面 进行 考量 。 


学 习 资 源 

大 部 分 BDD 框架 都 是 开源 的 ,可 以 基于 官方 网 站 文档 , 结合 源码 来 进行 系统 性 
的 学 习 。 如 果 框 架 的 每 个 特性 都 有 具体 描述 ， 提 供 了 示例 代码 ， 并 且 能 通过 搜 
索引 擎 找到 很 多 博客 或 者 论坛 文章 ， 那 么 可 以 认为 它 具 备 了 丰富 的 文档 资源 和 
良好 的 社区 氛围 。 这 样 的 BDD 框架 学 习 成 本 相对 会 低 一 些 。 

支持 的 语言 

使 用 BDD 框架 要 考虑 两 类 语言 ， 一 类 是 用 于 描述 场景 的 自然 语言 (英语 、 中 文 
等 ) ， 另 一 类 是 测试 脚本 的 编程 语言 (Java、Python、Ruby 等 ) 。 不 同 的 框架 
对 这 两 类 语言 的 支持 范围 都 不 同 。 如 果 需 要 支持 额外 的 自然 语言 ， 可 以 自己 添 
加 模板 , 比如 Lettuce 框架 目前 支持 18 种 语言 , 官方 网 站 详细 介绍 了 它 如 何在 
lettuce/languages.py 文件 中 添加 其 他 语言 的 模板 。 但 如 果 一 门框 架 对 你 习惯 的 编 
程 语言 支持 不 够 友好 ， 比 如 Cucumber 对 Python 的 支持 ， 目 前 是 基于 
Cucumber-JVM 来 执行 Jython 代码 的 。 对 于 Python 程序 员 而 言 ，Cucumber 的 使 
用 体验 就 明显 不 如 Behave 和 Lettuce。 

待 测 系统 中 往往 存在 很 多 变量 ， 所 以 “组 合 测试 ”“ 正 交 表 ”“ 数 据 驱动 ”是 
软件 测试 经 常 讨论 的 话题 。 作 为 一 门 BDD 框架 ， 是 否 支 持 表 格 、 多 行 输入 等 多 
种 参数 形式 来 传递 变量 值 也 是 重要 考察 点 之 一 。 

数据 源 

测试 数据 对 于 测试 程序 而 言 ， 其 重要 性 不 言 而 喻 。 不 少 团队 会 把 测试 数据 文件 
保存 到 Git 或 SVN 中 ， 进 行 版 本 控制 的 同时 ， 也 方便 共享 。 因 此 ， 如 果 框 架 不 
仅 支 持 本 地 数据 ， 还 能 接受 URL 外 部 文件 作为 数据 源 ， 那 将 带 来 极 大 的 便利 。 
设置 测试 执行 的 范围 

测试 用 例 往往 会 通过 “测试 类 别 ”“ 优 先 级 ”“ 模 块 名 ”等 进行 管理 。 比 如 说 ， 
登录 功能 有 正常 或 异常 等 多 个 测试 用 例 ， 一 个 测试 用 例 上 又 有 多 个 标签 进行 标 
识 。 有 的 项 目 就 把 正常 登录 的 用 例 划 为 BVT (Build Verification Test) 、P0， 而 
把 异常 登录 打上 P1 的 标签 。 如 果 我 们 只 是 想 要 运行 所 有 BVT 用 例 ， 就 需要 测 
试 框架 来 配合 我 们 设 定 测试 执行 的 范围 。 

场景 之 间 的 调用 

新 框架 的 学 习 是 从 最 简单 的 场景 开始 的 。 但 真实 的 系统 一 定 更 为 复杂 ， 场 景 之 
间 会 相互 依赖 。 比 如 测试 “权限 管理 ”模块 ， 涉 及 登录 、 角 色 管 理 、 角 色 的 权 
限 配 置 等 功能 ， 这 些 功能 /场景 彼此 关联 。 因 此 ， 场 景 /步骤 间 的 相互 调用 也 是 
BDD 框架 的 核心 功能 。 
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e 前 期 准备 & 后 期 处 理 

单元 测试 框架 往往 都 具备 这 一 功能 ， 也 就 是 常见 的 setup 和 teardown 方法 。 但 
是 BDD 框架 的 处 理 通常 会 更 加 灵活 ， 在 Cucumber 框架 中 被 称 为 Backgrounds 
和 Hooks. Cucumber 目前 就 有 Scenario Hooks, Tagged Hooks, Global Hooks 可 
以 针对 同一 标签 的 多 个 场景 设 定 场景 完成 之 后 的 动作 。 

e 报告 
有 的 BDD 框架 是 基于 xUnit 这 种 单元 测试 框架 生成 报告 的 ， 有 些 框架 则 提供 多 
种 格式 的 报告 。 比 如 Cucumber 就 可 以 设置 报告 格式 , 可 生成 html EÈ json 格式 。 
Json 格式 的 报告 方便 导入 MongoDB， 用 于 后 期 的 失败 用 例 趋势 分 析 。 

e IDE 的 支持 
IDE 的 支持 一 般 体现 在 关键 字 自动 补 全 、 自 动 生成 代码 以 及 调试 /运行 脚本 这 几 
个 方面 。 如 图 7-7 和 图 7-8 所 示 ， 编 写 feature 文件 时 ， 使 用 了 Pycharm 的 自动 
补 全 等 功能 会 更 有 效率 。Pycharm 的 官方 文档 中 也 对 BDD HEX Lettuce 和 Behave 
相关 配置 做 了 详细 的 说 明 。 




















图 7-7 IDE 对 Feature 编辑 的 自动 补 全 功能 





(J menagerie.feature x 


Feature: Menagerie 


© Scenario: Register new pets 
Given I am on the 'New Pet’ page 
And I press "Register" 
Then I should go to the "Register" page 


8 Create Step Definition > 
gl from database 


Given I am on the new pet page 

















图 7-8 IDE 根据 Feature 生成 Python 方法 
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7.1.4 BDD 实施 


无 论 BDD 有 多 少 好 处 ， 想 要 在 组 织 中 引入 新 的 开发 方式 ， 必 定 是 困难 重重 。 图 7-9 
表现 了 BDD 实施 过 程 中 的 各 项 活动 。 作 为 一 名 测试 人 员 , 推动 BDD 实施 的 关键 有 两 方 
面 ,一 方面 是 参与 业务 需求 ， 即 feature 文件 的 讨论 ; 另 一 方面 是 调整 测试 策略 ， 尤 其 是 
自动 化 测试 的 实现 。 

Features are Executable specifications 


Mustrated with guide development 
concrete examples. and ry 


You only l to build 
features that contribute to 
the business goals. 











Helps testers, business analysts, and Living 
users know what has been built. documentation 
How much you have done, N Real-time 
and how much remains. progress reports 


Makes the code easier to Technical 
update and maintain. documentation 


Automated regression and Automatic 
functional testing comes for free. validation 
Working 

features 





This is where the - 
business value lies. 


7-9 BDD 的 各 项 活动 
1. 关于 feature 文件 


BDD 实践 基于 feature 文件 展开 。 在 BDD 实施 之 前 ， 要 考虑 清楚 feature 文件 的 若 
干 问题 。 

CI) BAS 

有 人 认为 ，“ 谁 来 写 feature 文件 并 不 重要 ， 可 以 由 团队 中 的 任何 成 员 来 写 。 关 键 是 
各 个 团队 在 对 产品 的 理解 上 能 达成 共识 ”。 这 个 观点 很 难说 是 错 的 ， 因 为 BDD 思想 就 是 
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强调 各 个 团队 都 要 对 业务 目标 形成 共识 , 既然 形成 共识 了 , 那么 由 谁 来 写 不 都 是 一 样 吗 ? 

但 其 实 , “ 谁 来 写 ” 这 个 问题 与 “ 谁 有 权限 写 ”“ 谁 愿意 写 ” 是 不 一 样 的 。 一 方面 ， 
团队 之 间 是 平等 交流 的 , 自然 人 人 有 权限 对 feature 文件 中 的 业务 场景 提出 自己 的 看 法 和 
意见 。 但 另 一 方面 ，feature 文件 的 维护 与 文档 的 维护 一 样 ， 是 一 个 不 断 迭 代 的 过 程 。 而 
在 敏捷 团队 中 ， 有 些 团 队 的 交付 物 不 再 是 文档 了 ， 很 难说 服 他 们 去 号 feature 文件 ， 他 
们 认为 这 样 增加 了 工作 量 。 另 外, feature 文件 并 不 是 简单 地 罗列 步骤 , 想 要 在 组 织 中 “ 落 
地 ”， 要 尽 可 能 利用 BDD 框架 的 功能 ， 以 便 配 合 后 期 自动 化 测试 的 实现 。 综 合 来 看 ， 
这 项 工作 由 产品 经 理 或 负责 验收 测试 的 人 员 编 写 会 比较 合适 。 

(2) 何 时 写 

一 般 来 说 ， 在 开始 讨论 产品 功能 或 设计 师 提供 产品 原型 的 时 候 就 可 以 着 手 编写 
feature 文件 了 。 随 着 讨论 的 深入 ,feature 文件 的 内 容 会 逐渐 丰富 。 如 前 文中 图 7-3 所 示 ， 
一 开始 可 能 只 规划 产品 的 使 用 场景 ， 后 期 再 在 feature 文件 中 补充 具体 步骤 。feature 文 
件 的 更 新 是 随 着 产品 不 断 迭 代 的 过 程 。 

(3) 存 于 何 处 

feature 文件 的 保存 应 该 有 两 个 原则 ， 一 是 人 人 都 可 以 访问 ; 二 是 做 好 版 本 控制 。 因 
此 可 以 与 其 他 代码 一 样 ， 用 Gitlab 来 管理 。 

(4) 如 何 编写 

类 似 于 测试 用 例 的 编写 粒度 有 粗细 之 分 ，feature 文件 在 内 容 表 达 上 也 可 以 有 两 种 
方式 : 

fpei: 这 种 方式 会 详细 地 说 明 每 一 步 操作 ， 涵 盖 了 很 多 细节 信息 ， 适 合 改动 可 能 
性 小 或 者 操作 步骤 复杂 的 场景 。 例 如 : 

When I fill my first name into the field "first name" 


When I fill my last name into the field "last name" 
When I fill... 


声明 式 : 这 种 场景 描述 中 不 会 有 太 多 步骤 ， 更 具有 可 读 性 ， 可 以 很 容易 地 了 解 测试 
范围 。 例 如 : 

When I fill the form 

此 外 ， 在 准备 feature 中 的 测试 数据 时 ， 可 参考 以 下 建议 : 

业务 数据 要 有 真实 性 。 我 们 对 系统 进行 操作 的 时 候 ， 在 浏览 习惯 、 访 问 路 径 、 输 入 
值 上 或 多 或 少 都 会 有 思维 惯性 。 更 何况 我 们 很 难 预 测 用 户 会 使 用 什么 样 的 数据 ， 很 可 能 
对 重要 的 用 户 场景 出 现 漏 测 的 情况 。 为 了 提高 测试 数据 的 质量 ， 我 们 可 以 在 线 上 生产 环 
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境 尽 可 能 搜集 用 户 的 业务 数据 ， 并 分 析 用 户 数据 的 特征 ， 总 结 其 数值 分 布 和 变化 规律 ， 
将 其 用 于 新 的 测试 数据 的 设计 中 。 比 如 需要 测试 某 一 论坛 的 发 帖 功 能 ， 通 过 分 析 运 营 日 
T 发现 有 不 少 用 户 是 动漫 爱好 者 ， 喜欢 在 帖子 主题 中 包含 “ 颜 文字 ”以 及 “【”“】” 
等 特殊 符号 。 于 是 ， 我 们 可 以 把 它们 补充 到 测试 数据 中 ， 还 可 以 整理 一 些 新 番 的 讨论 话 
题 ， 而 不 是 简单 地 把 1234、abc1234 这 种 字符 串 作为 帖子 的 主题 。 

业务 数据 要 有 多 样 性 。 首 先 ， 我 们 可 以 利用 等 价 类 和 边界 值 等 测试 用 例 设 计 的 常用 
方法 形成 基础 用 例 ， 补 充 测 试 数据 ;其 次 ， 可 以 分 析 测 试 场景 需要 考虑 哪些 方面 ， 将 这 
些 方面 作为 “因子 ”， 形 成 正 交 分 析 表 。 

业务 数据 要 有 趣 。“ 有 趣 ” 是 工作 的 推动 力 ， 尤 其 是 对 测试 而 言 ， 激 发 兴趣 可 以 让 
人 更 快 地 代入 角色 ， 有 更 多 的 测试 想法 。 比 如 要 测试 一 款 即 时 通信 App 的 对 话 功能 ， 可 
以 设计 一 段 滑稽 的 内 容 ， 甚 至 从 网 上 找 几 个 段子 、 表 情 包 作为 对 话 内 容 。 


2. 测试 策略 


网 上 有 不 少 BDD 实践 的 文章 都 提 到 自动 化 测试 ， 这 容易 让 人 先入 为 主 ， 误 认为 
Feature 文件 中 定义 的 场景 都 应 该 由 自动 化 测试 代码 来 验证 ， 做 到 面面俱到 。 诚 然 ， 自 动 
化 测试 应 该 在 资源 允许 的 范围 内 尽 可 能 地 拓展 测试 范围 ， 从 整体 上 提升 测试 效率 ， 改 善 
测试 效果 ; 但 无 论 是 BDD 思想 , 还 是 BDD 工具 ,它们 都 不 能 对 自动 化 测试 的 覆盖 率 产 
生 影 响 。 无 论 是 对 TDD、BDD， 还 是 对 DDD (Domain-Driven Design， 和 领域 驱动 设计 ) 
的 尝试 ， 都 应 该 基于 “自动 化 测试 必须 服务 于 整体 的 产品 策略 ”这 一 原则 ， 否 则 ， 一 旦 
测试 出 现 问题 ，BDD 工具 反而 会 让 问题 更 加 严重 。 

以 下 是 有 关 测 试 策略 的 思路 ， 供 大 家 参考 。 

(1) 聚焦 风险 ， 确 定 各 个 feature 的 质量 目标 

BDD 思想 是 从 最 终 用 户 使 用 的 角度 出 发 的 ， 我 们 可 以 通过 这 个 角度 ， 结 合 对 现 有 
feature 文件 的 理解 ， 将 feature 的 质量 目标 划分 为 N 个 等 级 ， 并 用 标签 进行 标识 。 比 如 ， 
有 的 产品 功能 是 对 所 有 用 户 开放 的 , 必须 完全 满足 用 户 需 求 ; 而 有 的 功能 则 在 摸索 阶段 ， 
仅 进 行 了 灰 度 发 布 ， 用 户 对 这 些 功 能 出 现 故障 有 一 定 的 心理 预期 。 那 么 ， 这 两 类 feature 
的 质量 目标 肯定 是 不 一 样 的 ， 可 以 把 前 者 定 为 1 级 ， 后 者 定 为 工 级 。 这 样 ， 不 仅 在 测试 
阶段 ， 在 出 现 bug 之 后 的 问题 调研 阶段 ， 也 可 以 基于 质量 目标 ， 对 不 同 级 别 的 feature 
投入 不 同 程度 的 时 间 和 精力 。 

(2) 与 其 他 团队 协作 ， 针 对 不 同 的 变更 制定 测试 策略 

一 般 有 3 种 情况 会 引发 版 本 变更 : Feature (新 功能 ) ~ Improvement (功能 改进 ) ~ 
Bug〔 代 码 缺 陷 )。 测 试 人 员 需 要 结合 产品 和 团队 的 情况 ， 针 对 这 3 种 变更 ， 确 定 测试 
的 深度 与 广度 ， 做 出 不 同 的 应 对 策略 。 比 如 说 ， 对 于 只 有 Bug Fix 的 变更 ， 测 试 人 员 一 
般 是 等 开发 人 员 修 复 之 后 再 介入 的 。 除 了 复 测 Bug 之 外 ， 不 需要 执行 所 有 的 测试 用 例 ， 
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只 要 执行 冒 茵 测试 或 者 版 本 验收 测试 用 例 即 可 。 而 对 于 新 功能 而 言 , 测试 需要 尽早 介入 ， 
可 以 在 开发 人 员 编 码 的 同时 设计 测试 用 例 。 对 于 特别 重大 的 变更 ， 可 以 多 几 次 测试 用 例 
评审 的 环节 ， 先 进行 测试 团队 内 部 评审 ， 后 期 再 与 产品 设计 或 开发 团队 一 起 评审 。 

(3) 进行 测试 分 层 ， 开 展 各 项 测试 活动 

如 图 7-10 所 示 ， 这 是 Mike Cohn 在 《Succeeding with Agile》 一 书 中 提 到 的 “敏捷 
测试 金字 塔 ”， 已 经 得 到 业界 的 广泛 认同 。 本 书 虽 然 是 以 Selenium 知识 为 主 介绍 如 何 
进行 UI 层 的 自动 化 测试 , 并 不 代表 自动 化 测试 就 是 从 UI 层面 开始 的 。 底 层 的 接口 测试 、 
单元 测试 做 得 越 到 位 ， 越 容易 定位 问题 ， 尽 早 发 现 问题 。 


JEN 


图 7-10 ”敏捷 测试 金字 塔 


7.2 BDD 工具 的 使 用 


随 着 敏捷 测试 技术 的 发 展 ，BDD 工具 层出不穷 ， 本 书 将 选择 3 种 常见 的 工具 进行 
简单 实战 演示 。 一 般 来 说 , 使 用 BDD 工具 的 UI 自动 化 测试 项 目 可 分 为 3 层 。 如 图 7-11 
所 示 ， 第 一 层 是 场景 描述 层 ， 即 feature 文件 ， 第 二 层 是 步骤 定义 层 ， 即 把 feature 文件 
中 的 步骤 “对 应 于 ”编程 语言 中 的 类 或 方法 ; 第 三 层 是 自动 化 测试 层 ， 即 通过 Selenium 
或 其 他 自动 化 测试 框架 来 操作 待 测 程序 ， 完 成 测试 步骤 。 

本 节选 用 目前 测试 行业 使 用 最 为 普遍 的 两 门 语 言 : Java 和 Python, X} 
Cucumber-JVM、Lettuce 以 及 Behave 进行 介绍 。 基 于 不 同 的 Web 应 用 场景 来 对 这 3 种 
工具 进行 演示 ， 其 目的 不 是 要 对 三 者 进行 比较 ， 而 是 希望 读者 能 对 BDD 这 一 类 框架 的 
特性 有 一 个 整体 认识 ， 对 图 7-11 有 更 深 的 体会 。 如 上 文 所 说 ， 图 7-11 中 的 项 目 结构 体 
现 了 BDD 框架 在 应 用 过 程 中 的 共性 。 

与 此 同时 ， 也 希望 读者 通过 本 节 的 练习 能 巩固 之 前 介绍 的 Selenium 知识 。 
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[ 
What are we trying 


to achieve? Are interpreted by 


C 
What does the 


application need 








to do? Invoke 
| m 
How do we 
doit? Manipulates 
Application to test 


图 7-11 Ul 自动 化 测试 项 目 结构 
7.2.1 使 用 Cucumber-JVM 


本 节 的 实践 内 容 将 结合 Cucumber-JVM、Maven、Selenium WebDriver 以 及 JUnit 
完成 网 易 163 邮箱 正常 登录 场景 的 测试 。 
1. 准备 工作 


(1) 安装 Eclipse。 
(2) 安装 Maven。 
(3) 安装 Eclipse 中 的 Maven 插件 。 


2. 示例 说 明 


用 Maven 来 管理 项 目 所 依赖 的 3 个 框架 : Selenium, JUnit, Cucumber 的 Jar 包 ， 
RET FR Jar 包 、 再 导入 的 烦琐 环节 。 这 是 最 简单 的 测试 场景 ， 用 Selenium 基本 方法 
就 可 实现 。 可 使 用 Cucumer-Eclipse 插件 让 编码 过 程 更 高 效 。 


3. 步骤 
E 如 图 7-12 所 示 , 在 Eclipse 中 创建 Maven 项 目 ,命名 为 seleniumEx.ch07.test。 
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Select a wizard 


Create a Maven Project 


Wizards: 


> © General 
> Android 
> ccs 
> @Java 
Y Maven 
Sil Checkout Maven Projects from SCM 
I: Maven Module 
1^: Maven Project 
Y C» PyDev 
E] Pyoev Django Project 
43 PyDev Google App Engine Project 
@ PyDev Project 
> @ SVN 
> © Examples 





图 7-12 创建 Maven 项 目 


CX02 在 pom.xml 中 添加 项 目 依赖 的 Jar 包 。 在 pom.xml 中 应 该 填写 适合 自己 的 
version 值 . 近 几 年 cucumber 和 selenium 变化 不 小 , 比如 我 们 在 使 用 1.0.14 版 本 的 cucumber 
时 ， 代 码 导 入 的 包 名 是 cucumber.annotation; 而 到 了 编写 本 书 时 的 1.2.4 版 本 时 ， 导 入 的 包 
名 就 是 cucumber.api 了 。 各 个 Jar 包 的 最 新 版 本 和 历史 版 本 信息 可 在 http://mvnrepository.com/ 
查找 。 


<project xmlns-"http://maven.apache.org/POM/A.0.0" 

xmins:xsi-"http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> 

<model Version>4.0.0</model Version 

<groupld>seleniumEx.ch07.test</groupld> 

<artifactld>seleniumEx.ch07.test</artifactld> 

<version>0.0.1-SNAPSHOT</version> 

<dependencies> 



































<dependency> 
<groupld>info.cukes</groupId> 
<artifactl d>cucumber-java</artifactl d> 
<version>1.2.4</version> 


<scope>test</scope> 
</dependency> 
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<dependency> 
<groupId>info.cukes</groupId> 
<artifactld>cucumber-junit</artifactld> 
<version>1.2.4</version> 
<scope>test</scope> 

</dependency> 

<dependency> 
<groupld>junit</groupld> 
<artifactl d>junit</artifactld> 
<version>4. 1 2</version> 
<scope>test</scope> 

</dependency> 

<dependency> 
<groupId>org.seleniumhg.selenium</groupld> 
<artifactl d>selenium-java</artifactld> 
<version>2.53.0</version> 

</dependency> 

</dependencies> 
</project> 





€X303 如 图 7-13 所 示 ， 在 Package Explorer 中 展开 seleniumEx.ch07.test AB, A 








Fu 


和 并 选择 src/test/resources, #132 Package, 455479 Login.test. 


. e New Java Package 
Java Package. 
@ Enter a package name. 


Creates folders corresponding to packages. 
Source folder: seleniumEX.chO7 test/src/tesUresources 
Name: l 

Create package-into.java 








图 7-13 新建 Package 
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EED 如 图 7-14 所 示 ， 在 该 Package 下 新 建文 件 ， 名 为 Login.feature。 


e. e New File 
File 


Create a new file resource. 














Enter or select the parent folder: 


seleniumEx.ch07.test/src/test/resources/Login/test 


Y ES seleniumEx.ch07.test 
© settings 
võ 
> © main 
Y @test 
> Biava 
¥ resources 
Y © Login 
test 
> © target 


File name: 


Advanced >> 


@ Cancel 





图 7-14 新 建 feature 文件 


705 在 Login.feature 中 添加 Gherkin 语法 的 代码 。 测 试 数据 以 hard-code 的 方式 
BA feature 文件 ， 在 your account, your password 处 填写 你 真实 的 163 邮箱 名 和 密码 。 





Feature:Login 

Scenario: Login via correct user name and password 
Given the browser accesses the login page 

When the user enters the correct user_name your_account 
And the user enters the correct password your_password 
And the user clicks the login button 

Then the result your_account@163.com will be displayed 


€X306 右 击 并 选择 src/testjava， 新 建 Package， 命 名 为 Login.test。 

GET) 在 新 建 的 Package 下 新 建 class 文件 ， 命 名 为 LoginStepDefs.java。 可 以 看 
出 ，Login.feature 中 的 步骤 与 LoginStepDefs 类 方法 之 间 是 通过 方 (annotation ) 
关联 的 。 其 中 ，(.*)$ 是 正则 表达 式 ， 用 于 接收 来 自 feature 文件 中 的 参数 值 。 
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package Login.test; 


import org.openga.selenium.WebDriver; 

import org.openqa.selenium.firefox.*; 

import org.openqa.selenium. WebElement; 

import org.openqa.selenium.By; 

import org.openqa.selenium.support.ui.ExpectedCondition; 
import org.openqa.selenium.support.ui. WebDriver Wait; 
import cucumber.api.java.en.*; 

import cucumber.api.java.*; 


import static org.junit.Assert.assertEquals; 


public class LoginStepDefs { 


protected WebDriver driver; 


@Before 
public void setUp() { 
driver = new FirefoxDriver(); 


@Given("the browser accesses the login page") 
public void the browser access the login page() { 
driver.get("http://mail.163.com/"); 


(@When("the user enters the correct user name (.*)$") 
public void the user enters the correct user name(String username) { 


driver.findElement( By.id("idInput")).sendKeys(username); 


(à) And("the user enters the correct password (.*)$") 
public void the user enters the correct password(String pwd) { 
driver.findElement( By.id("pwdInput")).sendKeys( pwd); 


@And("the user clicks the login button") 
public void the user click the login button() { 
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driver.findElement(By.id("loginBtn")).click(); 
} 


@Then("the result (.*) will be displayed") 
public void the user login successfully(String addr) { 


(new WebDriverWait(driver, 5)).until(new ExpectedCondition<Boolean>() { 
public Boolean apply(WebDriver d) { 
return d.getTitle().toLowerCase() 
starts With(" | 54 ill] 46"); 


D: 
WebElement addr_element = driver.findElement(By.id("spnUid")); 
assertEquals(addr_element.getText(), addr); 

} 


@After 
public void tearDown() { 
driver.close(); 




















CX08 再 新 建 class， 名 为 suiterunnertest. 4 CucumberOptions 中 设置 了 两 种 报告 
格式 ， 因 此 在 测试 完成 之 后 会 在 target 文件 夹 中 生成 html 和 json 两 份 报告 。 


package Login.test; 

















import cucumber.api.CucumberOptions; 
import cucumber.api.junit.Cucumber; 


import org.junit.runner.RunWith; 


@RunWith(Cucumber.class) 
@CucumberOptions(plugin= 
{"pretty", "html:target/cucumber-html-report","json:target/cucumber-report.json"}) 
public class suiterunnertest { 


} 


EE) 最 终 的 项 目 文件 结构 如 图 7-15 所 示 。 右 击 
运行 测试 。 



































vat 
m 
u 


并 选择 Run As 一 JUnit Test, 
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v E seleniumEx.ch07.test 
Y (src 
Y & main 
(java 
(resources 
Y Gtest 
Y @iava 
* & Login 
v [test 
国 LoginStepDefs.java 
|J] suiterunnertest.java 
Y resources 
* & Login 
Y S test 
司 Login.feature 















= 














> © target 
向 pom.xml 






图 7-15 cucumber-jvm 示例 项 目 结构 


CXTi0 在 Package Explorer 中 展开 target 文件 夹 ， 查 看 报告 ， 如 图 7-16 一 图 7-18 
所 示 。 


Runs: 5/5 B Errors: 0 B Failures: 0 





v EiLogin.test.suiterunnertest [Runner: JUnit 4] (3.790 s) 
v fit)Feature: Login (3.790 s) 
v Fi Scenario: Login via correct user_name and password (3.790 s) 
È] Given the browser access the login page (0.448 s) 
E When the user enters the correct user. name (TS (0.082 s) 
Ej And the user enters the correct password TW (0.086 s) 
r3 And the user click the login button (3.149 s) 


ti Then the result GRIS (0.025 s) 











Él 7-16 cucumber-jvm 示例 的 JUnit 运行 结果 





v Feature: Logi 








图 7-17 cucumber-jvm 示例 的 html 格式 报告 
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cucumber-report.json 


“elements”: 
1 


"before": [ 


"result" 


"passed" 


LoginStepDefs. setUp()" 


"Login via correct user name and password", 
ption": "", 
login; login-via-correct-user-name-and-password" , 





图 7-18 cucumber-jvm 示例 的 json 格式 报告 


7.2.2 使 用 Lettuce 

















在 7.2.1 节 中 ， 我 们 使 用 最 简单 的 测试 场景 了 解 了 Cucumber-JVM， 对 BDD 框架 的 
工作 方式 有 了 初步 的 认识 。 但 是 仍 有 不 少 的 框架 特性 没有 利用 到 。Python 的 BDD 框架 
Lettuce〈 官 方 网 站 地 址 : http:/Wlettuce.iby， 源 码 地 址 : https://github.com/gabrielfalcao/ 
lettuce ) 的 创建 者 宣称 , 其 灵感 100% 来 自 于 Cucumber, 因此 可 以 把 Lettuce 理解 为 Python 
版 本 的 Cucumber。 

编写 本 书 时 ，Lettuce 的 最 新 版 本 是 0.2.22， 于 2016 年 5 月 9 号 发 布 。 
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准备 工作 

e Python 运行 环境 

e Selenium WebDriver 

e 安装 Lettuce: pip install lettuce 


测试 场景 : 根据 邮件 标题 删除 某 一 封 指定 邮件 。 
示例 说 明 
本 示例 演示 了 Selenium 对 iframe 编辑 器 的 处 理 ， 以 及 利用 JavaScript 语句 操作 邮 
件 列 表 。 
整个 过 程 会 涉及 “登录 ”“ 发 送 邮 件 ” 以 及 “根据 邮件 标题 删除 某 一 封 指定 邮件 
这 3 个 功能 。 我 们 可 以 创建 3 个 .feature 文件 来 分 别 描述 它们 。 由 于 这 3 个 功能 之 间 存 在 
关联 关系 , 可 以 利用 Lettuce 提供 的 step.behave as 方法 , 直接 通过 复制 ,feature 文件 中 的 
场景 描述 实现 step 之 间 的 调用 。Lettuce 还 提供 了 world 关键 字 ， 用 于 存储 场景 之 间 的 
共享 数据 。 以 下 是 Lettuce 的 中 英文 关键 字 对 照 , 我 们 将 在 feature 文件 中 使 用 中 文 描述 。 
"zh-CN': { 
‘examples’: u' 例 如 | 场景 集 '， 
‘feature’: u' 特 性 '， 
"name': u'Simplified Chinese', 
‘native’: u' 简 体 中 文 
'scenario': u' 场 景 '， 
'scenario outline': u' 场 景 模板 '， 
'scenario separator': u'( 场 景 模板 | 场景 )'， 
‘background’: u(?: 背 景 )， 
} 
步骤 


CXJX0) 新 建文 件 夹 ， 命 名 为 ch07 lettuce_selenium， 作 为 项 目的 根 目 录 。 然 
照 以 下 项 目 文件 结构 继续 创建 文件 和 文件 夹 。 











m 
en 
y 




















L— features 
I—— Del mail.feature 
H-— Del mail.py 
I—— Login.feature 
上 一 Login.py 
上 一 Send_ mailfeature 
L——— Send mail.py 
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HE 


Œ 编辑 Login.feature。 登录 场景 与 7.2.1 小 节 中 的 feature 文件 一 致 ， 只 是 这 号 
使 用 了 中 文 描述 。 


# language: zh-CN 


























特性 : 登录 163 邮箱 
从 163 邮箱 首页 登录 


场景 : 用 户 使 用 正确 的 用 户 名 密码 登录 
首先 用 户 访问 163 邮箱 首页 
当 用 户 输 入 用 户 名 your_account 
并 且 用 户 输入 密码 your_password 
并 且 用 户 点 击 登录 按钮 
那么 用 户 your_account@163.com 会 登录 成 功 


203 编辑 Login.py。 用 Python 将 feature 中 的 场景 转化 为 测试 代码 。 


# -*- coding: utf-8 -*- 
from lettuce import * 
from selenium import webdriver 























from selenium.webdriver.support import expected_conditions 
from selenium.webdriver.support.ui import WebDriverWait 


from selenium.webdriver.common.by import By 


@before.each_scenario 
def set_up(scenario): 
world.driver = webdriver.Firefox() 


@after.each_scenario 
def tear_down(scenario): 
world.driver.quit() 


@step(u' FA Vital 163 邮箱 首页 ) 
def access_index_page(step): 
world.driver.get("http://mail.163.com") 
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@step(u' 用 户 输入 用 户 名 (.*)') 
def enter_user_name(step, user_name): 
world.driver.find_element_by_id(‘idInput').send_keys(‘wuziteng2006') 


@step(u' 用户 输入 密码 (9)) 
def enter_password(step, pwd): 
world.driver.find element by id('pwdInput').send keys('Password01!') 


@step(u' 用 户 点 击 登 录 按钮 ') 
def click login btn(step): 
world.driver.find_element_by_id(‘loginBtn').click() 


@step(w' 用 户 (.*) 会 登录 成 功 ') 

def assert login(step, acct): 
wait = WebDriverWait(world.driver, 5) 
element = wait.until(expected conditions.element to be clickable((By.ID, 'spnUid'))) 
assert str(element.text) — acct 


CXJ04 编辑 Send_mail.feature， 描 述 发 送 邮件 的 场景 。 


# language: zh-CN 


特性 : 用 163 邮箱 发 送 邮件 


场景 : 


发 送 一 封 主题 为 Lettuce Selenium 测试 的 邮件 给 自己 


首先 用 户 使 用 正确 的 用 户 名 your_account@163.com 密码 your password 登录 


当 


用 户 点 击 写 信 按 钮 


并 且 输入 当前 用 户 的 邮箱 地 址 ， 作 为 收 件 人 地 址 


并 1 
并 1 
且 点 击发 送 按钮 


并 


H. 输入 邮件 主题 为 Lettuce Selenium 测试 
H 输入 邮件 正文 这 是 脚本 发 送 的 邮件 ， 可 以 删除 





那么 页 面 提示 发 送 成 功 
E&I 编辑 Send_mail.py。 发 送 邮件 是 基于 登录 场景 的 ， 这 里 需要 进行 步骤 间 的 


调用 。 
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# -*- coding: utf-8 -*- 

from lettuce import * 

from selenium.webdriver.common.action_chains import ActionChains 
import time 


import sys 


reload(sys) 
sys.setdefaultencoding('utf-8") 


@step(w' 用 户 使 用 正确 的 用 户 名 (.*) 密 码 (.*) 登 录 ') 
def logged_in(step, user name, pwd): 
step.behave_as(""" 

首先 用 户 访问 163 邮箱 首页 

当 用 户 输入 用 户 名 {0} 

并 且 用 户 输入 密码 {1} 

并 且 用 户 点 击 登录 按钮 

那么 用 户 {0} 会 登录 成 功 


"n format(user_name, pwd)) 


@step(u' 用 户 点 击 写 信 按 钮 ) 
def click_mail_btn(step): 
world.driver.find element by id(' mail component 61 61").click() 


@step(u' 输 入 当前 用 户 的 邮箱 地 址 ， 作 为 收 件 和 地址 ') 


def enter_mail_address(step): 


world.driver.find_element_by_class_name(‘nui-editableAddr-ipt’).send_keys(‘wuziteng2006@163.com') 


@step(u' 输 入 邮件 主题 为 (.*)') 

def enter_mail_title(step, mail_title): 
world.driver.find elements by class name('nui-ipt-input')[2].send keys(mail title) 
time.sleep(5) 
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@step(u' 输 入 邮件 正文 (.*)) 

def enter_mail_body(step, mail body): 
world.driver.switch to.frame(world.driver.find elements by tag name("iframe")[9]) 
body element = world.driver.find element by xpath('/html/body") 
ActionChains(world.driver).move to element(body element).perform() 
body element.send keys(mail body) 
world.driver.switch to.parent frame() 


@step(u' 点 击发 送 按钮 ') 
def click_sent_btn(step): 
world.driver.find elements by class name('nui-btn-text')[2].click() 


@step(u' 页 面 提示 发 送 成 功 ') 
def assert_sent(step): 
world.driver.save_screenshot('sent_mail.png’) 


CX06 编辑 Del_mail.feature， 描 述 删 除 邮 件 的 场景 。 


# language: zh-CN 
特性 : 删除 邮件 


场景 : 根据 邮件 标题 删除 某 一 封 指 定 邮件 
首先 发 送 一 封 主题 为 Mail_ Should Be Removed 的 邮件 给 自己 
当 用 户 进 入 收 件 箱 
H 勾 选 邮件 标题 为 Mail_ Should Be Removed 前 方 的 多 选 框 
FH. 点 击 删 除 按钮 
那么 页 面 提示 删除 成 功 


CX307 编辑 Del mail.py. 


# -*- coding: utf-8 -*- 
. author -—'applewu' 


MOX 





from lettuce import step 
from lettuce import world 
import time 
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@step(u' 发 送 一 封 主题 为 (.*) 的 邮件 给 自己 ') 
def send_mail(step, mail title): 
step.behave_as(""" 

首先 用 户 使 用 正确 的 用 户 名 wuziteng2006@163.com 密码 Password01! 登 录 
当 用 户 点 击 写 信 按 钮 
并 且 输入 当前 用 户 的 邮箱 地 址 ， 作 为 收 件 人 地 址 
并 且 输入 邮件 主题 为 {0} 
并 且 输入 邮件 正文 这 是 脚本 发 送 的 邮件 ， 可 以 删除 
并 且 点 击发 送 按钮 
那么 页 面 提示 发 送 成 功 


""" format(mail title)) 


@step(w 用 户 进 入 收 件 箱 ') 
def access_inbox(step): 
world.driver.find_element_by_id('_mail_tabitem_3_43').click() 


@step(u' 勾 选 邮 件 标题 为 (.* 前 方 的 多 选 框 ') 
def select_mail(step, mail title): 
js='"S("span:contains('{0}')").dom.parentNode.previousElementSibling.childNodes[ 1]. 
click();".format(mail title) 
time.sleep(3) 
world.driver.execute script(js) 


@step(u' 点 击 删 除 按钮 ') 
def del_mail(step): 
world.driver.find_elements_by_class_name(‘nui-btn-text')[12].click() 


@step(u' 页面 提示 删除 成 功 ) 
def assert_del(step): 
world.driver.save screenshot('deleted mail.png") 


CX 运行 测试 。 在 项 目 根 目 录 下 输入 lettuce 即 可 运行 ， 也 可 以 指定 运行 某 一 
feature 文件 ， 如 图 7-19 所 示 。 
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Zitengs-MacBook-Pro:ch07 lettuce selenium applewu$ lettuce features/Del_mail. feature 
特性 : 删除 邮件 
GR: 根据 邮件 标题 删除 某 一 封 指定 邮件 
首先 发 送 一 封 主题 为 Mail_Should_Be_Removed 的 邮 人 f 
当 用 户 进 入 收 件 箱 


为 Mail_Should_Be_Removed 前 方 的 


击 删 除 按钮 
删除 成 功 


1 feature (1 passed) 
1 scenario (1 passed) 
5 steps (5 passed) 





图 7-19. lettuce 示例 的 运行 结 
7.2.3 ”使 用 Behave 


Behave 与 Lettuce 类 似 , 也 是 Python 的 BDD 工具 。 由 于 Lettuce 目前 在 tag 支持 等 
方面 处 于 劣势 ， 因 此 有 不 少 人 开始 青 昧 Behave。 目 前 ，Behave 的 最 新 版 本 是 1.2.5。 

准备 工作 

e Python 运行 环境 

e Selenium WebDriver 

e 安装 Behave: pip install behave 


测试 场景 : 12306 余 票 查询 。 
示例 说 明 


12306 余 票 查询 页 面 提供 了 多 种 组 合 查询 的 方式 ， 这 里 将 演示 通过 “文字 ”和 “ 首 
字母 ”两 种 方式 输入 出 发 地 和 目的 地 进行 查询 。 页 面 右 侧 的 “车 次 ”下 拉 框 显示 的 车 次 
信息 是 基于 查询 结果 列表 的 。 为 此 , 这 里 可 以 使 用 context.execute_steps 实现 步骤 间 调 用 。 
示例 代码 还 演示 了 Behave 对 tag 的 支持 ， 以 及 通过 表格 形式 的 “例子 (Examples) ”将 
测试 数据 与 步骤 描述 分 开 。 

以 下 是 Behave 的 中 英文 关键 字 对 照 ， 我 们 将 在 feature 文件 中 使 用 中 文 描述 。 

behave --lang-help zh-CN 

Translations for Chinese simplified / 简体 中 文 

And: ifi H< 
Then: 那么 < 
Scenario Outline: 场景 大 纲 
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But: 但 是 < 
Examples: 例子 
Background: 背景 

Given: 假如 < 
Scenario: 场景 
When: 当 < 
Feature: 功能 


步骤 














CET 新 建文 件 夹 ， 作 为 项 目的 根 目 录 。 按 照 以 下 项 目 文件 结构 继续 创建 文件 和 

















文件 夹 。 


L— features 
I—— environment.py 
I—— query. leftTicket.feature 
L—— steps 
L——- query leftTicket.py 


€X302 environment py 中 添加 代码 。 通 过 context 关键 字 , query. lefiTicket.py 中 


的 步骤 将 共享 同一 个 Driver。 


from selenium import webdriver 


def before_all(context): 
context.driver = webdriver.Firefox() 


def after_all(context): 
context.driver.quit() 


EI 编辑 query leftTicket feature， 描 述 “ 普 通票 查询 ”“ 学 生 票 查询 ”以 及 “车 


次 查询 ”3 个 场景 。 


# language:zh-CN 


功能 : 12306 余 票 查询 
通过 各 种 组 合 条 件 查 询 车 票 信息 


@P0 
场景 大 纲 : 指定 日 期 查询 普通 车 票 
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假如 访问 余 票 查询 页 面 
当 用 户 先 输入 < 出 发 地 > 
而 且 用 户 再 输入 < 目的 地 > 
而 且 用 户 点 击 查询 按钮 
那么 页 面 显示 车 次 信息 


例子 :文字 

| 出 发 地 | 目的 地 | 
| big | RR | 
| kif | HA | 
例子 : 首 字母 

| 出 发 地 | 目的 地 | 
|SH |WH | 


@P0 
场景 大 纲 : 指定 日 期 查询 学 生 票 
假如 访问 余 票 查询 页 面 
当 用 户 先 输入 < 出 发 地 > 
而 且 用 户 再 输入 < 目的 地 > 
而 且 用 户 点 击 查询 学 生 票 按钮 
那么 页 面 显示 车 次 信息 


例子 :文字 

| 出 发 地 | 目的 地 | 
IEE | 武汉 | 
| 上 海 | 南昌 | 


例子 : 首 字母 
| 出 发 地 | 目的 地 | 
ISH |WH | 


@P1 @heavyweight 

场景 : 指定 车 次 乘 车 
假如 用 户 已 查询 到 从 上 海 到 武汉 的 车 次 信息 
当 用 户 输入 车 次 号 D3026 
那么 页 面 显示 车 次 信息 


























ActionChain 对 文本 框 出 发 地 、 目 的 地 














编辑 query_leftTicket.py， 这 里 使 


进行 输入 操作 。 若 直接 用 find element 的 send keys 输入 ， 则 无 法 激活 页 


钮 的 事件 。 








EL mig" 
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-*- coding: utf-8 -*- 


from selenium.webdriver.common.action_chains import ActionChains 
from selenium.webdriver.common.keys import Keys 

from behave import given, when, then 

import time 

import sys 


reload(sys) 
sys.setdefaultencoding("utf-8") 


@given(u 访 问 余 票 查询 页 面 ) 
def visit_left_ticket(context): 
context.driver.get("https://kyfw.12306.cn/otn/lexxcx/init") 


@when(u' Hl P cfi ^ (from. station]") 

defenter from station name(context, from station): 
from station element = context.driver.find element by id('fromStationText') 
from station element.clear() 
ActionChains(context.driver).click(from station element).send keys(from station).perform() 
ActionChains(context.driver).click(from station element).send keys(Keys.DOWN).perform() 
ActionChains(context.driver).click(from station element).send keys(Keys.ENTER).perform() 


@when(w 用 户 再 输入 {to_station}') 

def enter_to_station_name(context, to_station): 
to station element = context.driver.find_element_by_id(‘toStationText’) 
to station element.clear() 
ActionChains(context.driver).click(to station element).send keys(to station).perform() 
ActionChains(context.driver).click(to station element).send keys(Keys.DOWN).perform() 
ActionChains(context.driver).click(to station element).send keys(Keys.ENTER).perform() 


@when(u 用 户 点 击 查询 按钮 ) 
def submit(context): 
context.driverfind element by id(' a search btnl').click() 
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@when(u 用 户 点 击 查询 学 生 票 按 钮 7 
def submit_stu(context): 
context.driver.find_element_by_id('_a_search_btn2').click() 


@given(u' Hl P? &fif 4) M (from. station] Sl fto station} 的 车 次 信息 ) 
defget train yet(context, from station, to. station): 

context.execute steps(u'" 
假如 访问 余 票 查询 页 面 
当 用 户 先 输入 {0} 
而 且 用 户 再 输入 {1} 
而 且 用 户 点 击 查 询 按钮 
那么 页 面 显 示 车 次 信息 


"format(from station, to_station)) 


@when(u 用 户 输入 车 次 ftrain_ no]") 

defenter train no(context, train no): 
train no element = context.driver.find element by id('train combo box") 
# ActionChains(context.driver).click(train no element).send keys(train no).perform() 
train no element.send keys(train no) 


@then(u' 页 面 显示 车 次 信息 ) 
def appear_list(context): 
time.sleep(3) 


# 若 没有 弹出 “没有 符合 条 件 的 数据 ”的 提示 ， 则 说 明 查询 到 了 车 次 信息 ， 列 表 中 的 子 节 


点 数目 大 于 零 


result = context.driver.execute script("return 


$("div:contains(‘content_defaultwarningAlert_hearder')")") 


if result. len ()——0: 
train count = context.driver.execute script(return 


document.getElementById(" query table datas").childNodes.length") 


assert train count > 0 


GES 运行 测试 。 如 图 720 和 图 7-21 所 示 ， 用 “--lang” 指 定语 言 ;“--tags” 可 


























以 对 场景 进行 过 滤 。 
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Zitengs-MacBook-Pro: ch07 behave selenium applewu$ behave 
功能 : 12306 余 票 查询 

通过 各 种 组 合 条 件 ， 查 询 车 票 信息 

ep 

场景 : 指定 日 期 查询 普通 车 票 -- 


日 期 查询 普通 车 票 -- @1. 


上 海 
南昌 


: 指定 日 期 查询 普通 车 票 -- @2. 


: 指定 日 期 查询 学 生 票 -- @1.1 了 


: 指定 日 期 查询 学 生 票 -- 02.1 首 字母 


SH 
WH 


@P1 @heavyweight 
场景 : 指定 车 次 乘 车 
上 海 到 武汉 
号 03086 


1 feature passed, @ failed, 0 skipped 

7 scenarios passed, 0 failed, 0 skipped 

33 steps passed, @ failed, 0 skipped, 0 undefined 
Took @m40.120s 





图 7-20 behave 示例 运行 结果 


Zitengs-MacBook-Pro:ch07 behave selenium 
功能 : 12306 余 票 查 询 

通过 各 种 组 合 条 件 ， 查 询 车 票 信息 

ep9 

场景 大 纲 : 指定 日 期 查询 普通 车 票 


指定 日 期 查询 普通 车 票 


3 期 查询 学 生 票 -- @1.2 3 


; 指定 日 期 查询 学 生 票 -- @2.1 


ASH 
再 输入 WH 


@P1 @heavyweight 
场景 : 指定 车 次 乘 车 
上 海 到 武汉 
号 03626 


1 feature passed, @ failed, 0 skipped 
1 scenario passed, @ failed, 6 skipped 
3 steps passed, 0 failed, 30 skipped, 0 undefined 


[Took 0m8.944s 


图 7-21 behave 示例 运 和 


结果 


BDD: 行为 驱动 开发 


applewu$ behave --lang-zh-CN --tags=P1 


通过 tag 过 滤 
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7.3 小 结 


2014 年 , Ruby on Rails 的 作者 在 Railsconf 开幕 演讲 中 对 TDD 的 价值 发 表 了 质疑 和 
否定 的 观点 ， 从 而 引发 了 一 场 “TDD 已 死 ” 的 讨论 。 对 此 ， 我 很 认同 Gil Zilberfeld 的 
观点 : “我 们 一 直 在 实践 中 探寻 更 好 的 软件 开发 方法 ， 身 体力 行 的 同时 也 帮助 他 人 。 探 
寻 之 路 并 未 结束 ，TDD 只 是 我 们 在 这 一 历程 中 所 寻找 到 的 其 中 一 种 方法 ， 仍 有 其 他 的 
方式 待 我 们 发 现 。” 其 实 这 一 观点 也 同样 适用 于 BDD， 没 有 最 好 的 开发 方法 ， 我 们 在 
追求 最 适合 的 。 

本 章 我 们 对 BDD (行为 驱动 开发 ) 相关 的 话题 进行 了 讨论 ， 涵 盖 了 这 一 概念 的 由 
来 .与 TDD 的 关系 、BDD 实施 要 点 , 以 及 工具 选 型 等 内 容 。 并 分 别 使 用 了 Java 和 Python 
语言 来 演示 Selenium WebDriver 如 何 与 BDD 工具 进行 配合 。 

测试 人 员 主 动 了 解 项 目 〈 产 品 ) 团队 各 个 角色 的 协作 方式 ， 了 解 他 们 的 思维 习惯 ， 
并 参与 过 程 改进 ， 对 整体 的 质量 交付 大 有 神 益 。 

BDD 实施 需要 组 织 的 支持 ，BDD 工具 选 型 关键 在 于 团队 和 业务 发 展 。 

以 cucumber 为 例 的 storyBDD TRARA BDD 工具 的 主流 类 型 feature 文件 可 
以 作为 验收 文档 来 维护 。 脚 本 的 执行 结果 中 体现 了 详细 的 测试 场景 , 可 以 作为 验收 报告 。 


7.4 练 J 


CD 采用 BDD Arsh Fr pee Fi YE? 
(2) 思考 : 你 所 在 的 组 织 或 项 目 中 ， 有 可 能 实施 BDD 吗 ? 需要 哪些 资源 配合 ? 
G) 根据 你 熟悉 的 语言 ， 选 择 某 一 种 BDD 工具 ， 完 成 以 下 场景 的 测试 脚本 。 
e 在 “百度 新 闻 ” 页 面 上 搜索 “自动 化 测试 ”。 
e ”点击 按钮 ， 将 搜索 结果 根据 时 间 排 序 。 
@ ”验证 结果 ， 页 面 上 位 置 靠 前 的 文章 发 表 时 间 大 于 位 置 靠 后 的 文章 发 表 时 间 。 
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一 段 测试 代码 ， 如 果 只 能 在 某 个 人 的 本 地 环境 执行 ， 它 的 意义 将 大 打折 扣 。 因 为 大 
多 数 测试 活动 都 是 一 项 团体 工作 ， 不 是 某 个 人 单打 独 斗 的 过 程 。 当 我 们 不 再 把 自动 化 作 
为 个 人 习惯 ， 而 是 作为 整个 团队 的 工作 方式 时 ， 我 们 就 不 仅仅 需要 关注 测试 工具 或 者 框 
架 本 身 ， 还 需要 引入 一 些 其 他 的 工具 来 支持 和 促进 自动 化 测试 过 程 ， 比 如 本 章 将 要 介绍 
的 开源 工具 : Jenkins。 


8.4 认识 Jenkins 


Jenkins 的 前 身 是 Sun 公司 的 Hudson， 之 后 因为 Sun 被 Oracle 收购 ，Oracle 获得 
Hudson 商标 所 有 权 。 于 是 , Hudson 核心 成 员 在 2011 年 1 月 更 新 项 目 名 为 Jenkins, Oracle 
公司 则 选择 继续 维护 Hudson。 至 此 ，Jenkins 与 Hudson 已 经 是 相互 独立 的 两 个 项 目 了 。 

提起 Jenkins， 大 多 数 资料 都 会 提 到 “持续 集成 ”(Continuous Integration, CI) “ 持 
续 交 付 ” 和 “持续 部 署 ” 这 些 概 念 。 诚 然 , 如 果 产 品 团队 中 的 各 个 角色 都 认可 这 些 概念 ， 
并 乐于 在 工作 中 实践 ， 如 图 8-1 所 示 ， 自 然 可 以 让 Jenkins 贯穿 于 构建 、 部 署 、 自 动 化 
测试 整个 过 程 之 中 。 然 而 ， 单 从 测试 团队 和 自动 化 测试 的 角度 出 发 ，Jenkins 又 能 够 帮 
助 我 们 解决 什么 问题 呢 ? 在 回答 这 个 问题 之 前 ， 我 们 不 妨 梳理 一 下 自动 化 测试 的 基本 
过 程 。 
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| | 报告 与 通知 l | &3 


~N s 
静态 扫描 A 


> 部 署 /发 布 


g 集成 测试 
| 配置 管理 


单元 测试 打包 














图 8-1 持续 交付 流水 线 


图 8-2 是 最 基本 的 自动 化 测试 过 程 。 由 于 团队 的 规模 不 同 ， 差 异 最 大 之 处 会 体现 在 
“执行 测试 脚本 ”和 “分 析 测 试 结果 ”上 。 团 队 大 了 ， 测 试 模块 多 了 ， 测 试 脚 本 在 本 地 
执行 还 不 够 ， 可 能 需要 分 发 到 多 个 机 器 上 执行 ， 只 记录 测试 结果 还 不 够 还 需要 以 友好 
的 方式 展现 ， 方 便 多 人 访问 :还 需要 管理 历史 记录 ， 方 便 追 滴 。 一 方面 ， 我 们 希望 有 统 
一 的 平台 来 对 不 同 的 测试 项 目 和 模块 进行 管理 ， 另 一 方面 ， 我 们 希望 对 团队 的 各 个 用 户 
和 角色 进行 权限 控制 。 而 Jenkins 可 以 便捷 地 帮助 我 们 解决 这 些 问 题 。 


选择 需要 自动 化 的 测试 用 例 - 编写 自动 化 测试 脚本 > 执行 测试 脚本 al 分 析 测试 结果 


图 8-2 自动 化 测试 过 程 


图 8-3 KA Jenkins 官方 网 站 Chttps://jenkins.io/) ， 即 Jenkins 产品 代码 在 Jenkins 
中 的 构建 和 自动 化 的 使 用 情况 。 我 们 可 以 看 到 ，Jenkins 是 基于 Web 界面 管理 的 ， 可 以 
定制 不 同 的 项 目 任务 、 查 看 历史 状态 。 右上 角 的 Log In 表明 它 具 备 登录 功能 ， 可 以 进行 
用 户 权限 控制 。 

此 时 ， 我 们 对 Jenkins 已 经 有 了 第 一 印象 。 接 下 来 ， 让 我 们 在 实践 中 了 解 Jenkins 这 
一 成 熟 的 平台 。 需 要 特别 说 明 的 是 ，Jenkins 于 2016 年 4 月 20 日 发 布 了 2.0 版 本 ， 与 之 
前 的 版 本 在 界面 操作 和 配置 细节 上 都 有 了 不 小 的 变化 ， 本 章 也 将 从 不 同方 面 介 绍 2.0 版 
本 带 来 的 新 气象 。 
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fj Dashboard Henkin] x 中 
€ Oa ht 





jenkins.io 








& Peope 


TÈ Build History 


Q}, Project Relationship 
45) Check File Fingerprint 
© Open Blue Ocean 


gi we Need Beer. 


Cloud Statistics 一 


AzurevMAgents-df2ec18-6a8e 
405c-8e45-b7dI7465acf0-jenkinsinfra- 99.8% 
vmagents 


win2012-jenkinsinfra 98.3% 
ubuntu-jenkinsinfra 100% 
Build Queue (9) = 
part of Infra » pipeline-steps-doc-generator » 
master #38 @ 


part of Infra » pipeline-steps-doc-generator » 


master #35 








Y infra » pipeline-steps-doc-generator » 
masterf36 @ 











About ci.jenkins.io 


This instance hosts several GitHub Organization folders organized by subject area. 


To add continuous integration and PR builds for a Jenkins plugin in the jenkinsci organization, just add a 
Ienkinsfile to your repository. Youll likely only need one line: 


bu: 





Leam more 


© About the Jenkins infrastructure project 
* Infrastructure documentation: ci jenkins io 
* Infrastructure documentation: Pis 








eline library 





All 


Name | Last Success Last Failure Last Duration 


s w 

a BD coe 8hrimi-lg NA 29 sec 
给 5 上 1day 18hr-log NA 39 sec 
B 4 us NA NA WA 
a 和 packaging 1day23hr-log — NA 17 sec 
a A puons NA 8days 19hr-log — 12sec 
B B® ka NA NA NA 


GS, Staple Web Framework iday2ihr-log — N/A 11 sec v 





图 8-3 Jenkins Project In Jenkins 


8.2 Jenkins 安装 与 启动 


Jenkins 最 简单 的 安装 与 启动 方式 是 运行 它 的 war 包 。 


EXO) 执行 以 下 命令 , 1 





下 载 最 新 的 Jenkins war 包 , 也 可 以 访问 Jenkins 官方 网 站 下 载 。 


wget http://mirrors.jenkins-ci.org/war/latest/jenkins.war 


EI 运行 war 包 。 


























于 该 war 包 自 带 Jetty 服务 器 ， 因 此 只 要 运行 以 下 命令 ， 














就 可 以 启动 Jenkins。 默 认 使 用 的 端口 是 8080。 


java -jar jenkins.war 





之 后 ， 你 将 在 控制 合 中 看 到 一 个 密码 字符 串 ， 如 图 8-4 所 示 ， 复 制 这 个 字符 串 。 
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图 8-4 Jenkins 安装 过 程 截图 


CX303 访问 http://<your jenkins_machine>:8080/ 进 入 Jenkins 界面 ， 将 上 一 步 的 密 
码 复制 到 这 里 ， 如 图 8-5 所 示 ， 进 行 后 续 的 安装 过 程 。 


© localhost 




















Getting Started 


Unlock Jenkins 


) ensure Jenkins is securely set up by the administrator, a password has been w 
to the log and this 





/Users/applewu/. jenkins/secrets/i 


Please copy the password from either ation and paste it below. 


Administrator password. 














图 8-5 输入 Jenkins 管理 员 密码 

















ED 在 安装 向 导 页 面 中 可 以 选择 两 种 方式 ， 一 种 是 安装 默认 插件 ， 即 Jenkins 
官方 推荐 的 插件 ; 另 一 种 则 是 根据 自己 的 需要 来 选择 安装 哪些 插件 。 建 议 大 家 使 用 后 者 。 
如 图 8-6 所 示 ， 默 认 情 况 下 ， 源 代码 控制 一 栏 中 有 Git 和 SVN 两 项 。 但 是 一 般 来 说 ， 我 
们 只 会 用 一 种 源 代码 版 本 管理 工具 , 没有 必要 装 一 些 无 用 的 插件 。 Jenkins 的 插件 管理 非 
常 友好 ， 在 Jenkins 部 署 启动 之 后 ， 再 在 页 面 上 安装 或 卸载 插件 也 是 非常 方便 的 。 

CEs 选择 好 插件 以 后 ， 单 击 Instal 按钮 ， 以 完成 插件 安装 。 随 后 根据 安装 向 导 
的 指示 完成 后 续 操作 ， 如 图 8-6 所 示 。 
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© localhost:8080 


Getting Started 


Organization and Administration 
Build Features 

Build Tools 

Build Analysis and Reporting 
Pipelines and Continuous Delivery 
Source Code Management 
Distributed Builds 

User Management and Security 


Notifications and Publishing 


jenkins 2.24 





All | None | Suggested Selected (19/56) 


€) Git plugin ^ 134 
This plugin allows use of Git as a build SCM, including repository browsers for several providers. A recent Git runtime is 
required (1.7.9 minimum, 1.8.x recommended). Interaction with the Git runtime is performed by the use of the 
[JENKINS:Git Client Plugin], which is only tested on official git client. Use exctic installations at your own risk. 

Git Parameter Plug-In 7 244 
This plugin allows you to choose between Git tags or shal of your SCM repository so Git Plugin installed is required. 
GitHub plugin 7 


This plugin integrates Jenkins with Github projects. 


GitLab Plugin 7 


This plugin is a bulld trigger that allows GitLab to trigger Jenkins bullds when code is pushed or a merge request is 
created. Configuration done on a per jcb basis. 


P4Plugin 7 
P4 Plugin - By Perforce Software. Jenkins plugin for a Perforce Helix Versioning Engine. 


REPO plugin ^ 
This plugin adds Repo as an SCM provider in Jenkins. 


‘Subversion Plug-in ^ 
This plugin adós the Subversion support (via SVNKit) to Jenkins. 


Team Concert Plugin * 24 


Integrates Jenkins with Rational Team Concert s: ntrol and build using the richer features of the build toolkit 


Back MISI 


图 8-6 Jenkins 安装 过 程 的 插件 选择 界面 


为 了 方便 操作 Jenkins 的 停止 与 启动 ,我 们 可 以 准备 一 个 shell 文件 。 代 码 如 下 ， 其 
中 启动 参数 -Dhudson.model.DirectoryBrowserSupport.CSP 不 是 必需 的 , 将 在 8.3.3 小 节 中 


对 其 进行 详细 说 明 。 
#1/bin/sh 


if [ "$1" = "start" ]:then 


nohup java -Dhudson.model.DirectoryBrowserSupport.CSP= -jar /opt/jenkins.war --httpPort=8888 & 


elif [ "$1" = "stop" |:then 


kill ‘ps aux | grep jenkins | awk 'NR==1 {printf $2}" 


else 


echo "Please input like this:./jenkins.sh start or /jenkins.sh stop" 


fi 


除了 使 用 终端 命令 来 控制 Jenkins 的 启动 状态 外 ,还 有 一 个 重启 Jenkins 的 便捷 方法 ， 
BIZ Jenkins 的 URL 后 加 上 “/restart”， 例 如 http://localhost:8080/restart， 页 面 将 会 出 现 
是 否 要 重启 Jenkins 的 提示 。 单 击 “ 确 认 ” 按 钮 之 后 ，Jenkins 将 立即 重启 。 
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8.3 任务 定制 化 


Jenkins 的 使 用 场景 有 很 多 ， 比 如 说 , 我 们 可 以 创建 一 个 任务 , 每 天 定时 同步 Git 服 
务 器 上 最 新 的 测试 代码 ， 在 Jenkins 服务 器 上 执行 ， 生 成 报告 。 我 们 还 可 以 创建 一 个 任 
务 来 监测 Git 服务 器 ， 一 旦 有 人 提交 代码 ， 就 自动 编译 打包 。 总 之 ，Jenkins 作为 一 个 平 
fi 让 不 同 语言 类 型 、 不 同 项 目的 自动 化 编译 、 部 署 的 操作 变 得 简单 高 效 , 而 使 用 Jenkins 
的 关键 就 在 于 如 何 配置 我 们 需要 的 自动 化 任务 ， 即 配置 Item 或 Job。 

1. 创建 ltem/Job 

上 文 提 到 的 自动 化 任务 在 Jenkins 中 可 称 为 Item 或 者 Job。 在 2.0 版 本 之 前 ， 界 面 
上 选择 New Item《〈 新 建 ) ， 如 图 8-7 所 示 ， 你 会 看 到 多 种 项 目 类 型 可 供 选 择 ， 这 可 能 造 
成 新 手 的 困惑 ， 不 知道 哪个 更 适合 自己 。2.0 版 本 之 后 的 界面 就 清爽 多 了 ， 如 图 8-8 所 
示 。 本 节 以 自由 风格 的 项 目 为 例 ， 我 们 命名 为 test。 


Mtem name f | 








Freestyle project 
This is the central feature of Jenkins, Jenkins will build your project, combining any SCM with any build system, and this can be even used 
for something other than software bulld. 


Maven project 
Build a maven project. Jenkins takes advantage of your POM files and drastically reduces the configuration. 
External Job 


This type of job allows you to record the execution of a process run outside Jenkins, even on a remote machine. This ls designed so that 
you can use Jenkins as a dashboard ol your existing automation system. See th 


Multi-configuration project 


Suitable for projects that need a large number of different configurations, such as testing on multiple environments, plattorm-specific builds, 
etc. 


Copy existing Item 
Copy from 





图 8-7 2.0 版 本 之 前 的 Item 类 型 
2. 配置 


每 个 Item/Job 又 细 分 为 “General”“ 源 码 管理 ” “构建 触发 器 ” “构建 ”“ 构 建 后 
操作 ”这 几 类 配置 。 它 们 在 2.0 版 本 后 以 标签 页 的 方式 显示 ， 如 图 8-9 所 示 ， 比 之 前 的 
方式 要 清晰 得 多 。 
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Enter an item name 
| 


» Required field 





构建 一 个 自由 风格 的 软件 项 目 
《这 是 Jenkne 的 主要 功能 Jenkine 将 会 结合 任何 SCM 和 任何 构建 系统 来 构 刀 你 的 项 目 , 甚至 可 以 构建 软件 以 外 的 系统 


号 | 构建 一 个 多 配置 项 目 
5 y; 适用 于 多 配置 项 目 ,例如 多 环境 测试 平台 指定 构建 ,等 等 


if you want to create a new item from other existing, you can use this option: 


F Copy from. | Type to autocomplete 








图 8-8 2.0 版 本 之 后 的 Item 类 型 


General 


项 目 名 称 test 


描述 


[Plain text) 预览 
委 弃 旧 的 构建 
参数 化 构建 过 程 
关闭 构建 
在 必要 的 时 候 并 发 构建 


esee 


an. 
源码 管理 


EN - 











图 8-9 Item/Job 配置 界面 


接 下 来 要 做 的 就 是 具体 的 配置 内 容 了 ， 要 根据 项 目 情况 而 定 。 我 们 对 源码 构建 和 执 
行 的 过 程 了 解 得 越 透 彻 ，Jenkins Item/Job 的 配置 就 将 越 顺利 。 如 果 你 想 使 用 MS Build 
编译 一 个 C# 项 目 ， 而 你 在 本 地 环境 都 不 懂得 如 何 使 用 MS Build 编译 ， 那 么 Jenkins 无 
法 帮 你 解决 问题 。 

下 文 介绍 的 “同步 源码 ” “定时 任务 ”和 “报告 ”的 方式 权 且 当 作 管 中 窥 豹 之 用 吧 。 


190 Selenium 自动 化 测试 之 道 





8.3.1 同步 源码 


Git 插件 安装 完成 之 后 ， 可 以 看 到 源码 管理 (Source Code Management) 中 存在 Git 
选项 ， 如 图 8-10 所 示 。 





源码 管理 
None 
* Git 
Repositories Repository URL 
pi ry © 
@ Please enter Git repository. 
Credentials hone: "| eee. 
® 
BA. 
Add Repository 
Branches to build ^ 
Branch Specifier (blank for any’) | master e 
Add Branch. Delete Branch 
源码 库 浏 览 器 
PEN (83) "© 
Additional Behaviours ane 








图 8-10 配置 Git 

Credentials 中 需要 配置 有 权限 访问 该 源码 库 的 用 户 名 和 密码 。 

如 果 输 入 URL 之 后 出 现 403 错误 : Problem accessing /job/<your_job_name>/ 
descriptorByName/Hudson. plugins. git.UserRemoteConfig/checkUrl. Reason: Forbidden, 可 
能 是 Credential 不 正确 。 

配置 完成 之 后 ， 在 该 Job 页 面 单 击 “ 立 即 构建 ”， 就 会 将 指定 源码 库 指定 分 支 的 内 
容 同 步 到 Jenkins 服务 器 上 。 默 认 路 径 是 <current user>/.jenkins/jobs/<your_job_name>/ 
workspace。 


8.832 ”定时 任务 





在 Jenkins 中 设置 定时 任务 会 涉及 两 类 配置 项 : Build Triggers( 构 建 触发 器 ) 和 Build 
(构建 ) 。 
Build Triggers 提供 了 4 种 Job 触发 方式 : 
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Trigger builds remotely 设置 远程 触发 进行 构建 。 
Build after other projects are built 在 其 他 项 目 构 建 之 后 再 进行 构建 。 
Build periodically ”定期 或 周期 性 构建 。 
Poll SCM ”查询 源码 库 中 是 否 有 变更 ， 从 而 进行 定期 或 周期 性 构建 。 
最 常见 的 是 第 4 种 方式 。 在 Build Triggers 一 Poll SCM 中 填写 Schedule (日 程 表 ) 的 
语法 ， 与 UNIX 和 类 UNIX 操作 系统 中 的 crontab 命令 类 似 。 格 式 如 下 : 


# m 分 钟 (0- 59) 
# | 一 一 一 一 一 小 时 (0- 23) 
# | | m H a-3n 





# | | | m H N) 

# | | | | 一 一 一 一 一 一 一 一 星期 0-7, 星期 日 为 0 或 7) 
#l lil 

PERE ee 


例如 ，0 08* * * 表示 每 天 早上 8 点 运行 ; 00* * 1-5 表示 每 周一 至 五 的 零点 零 分 运行 。 

Build 的 设置 方式 有 很 多 , 大 多 编译 工具 都 有 Jenkins 插件 支持 , 也 可 以 直接 用 Shell 
命令 执行 ， 即 Execute Shell 选项 。 比 如 说 ， 我 们 选择 Maven 编译 运行 一 个 Java 编写 的 
测试 项 目 。 其 实在 Jenkins 服务 器 上 ， 直 接 用 终端 命令 就 可 以 执行 了 。 我 们 通过 Jenkins 
变量 ${WORKSPACE} 定 位 到 当前 Job 的 workspace 路 径 ， 再 使 用 Maven 命令 运行 JUnit 
项 目 。 

cd ${WORKSPACE} 

mvn test -Denv=pingxx 

WR Maven 命令 在 Jenkins 服务 器 上 执行 无 误 ， 在 Jenkins 界面 上 触发 运行 却 出 现 
了 问题 ， 那 么 可 以 在 Execute Shell 中 增加 一 些 额外 的 命令 ， 让 Jenkins 在 运行 Maven 命 
令 之 前 就 打印 出 环境 变量 、 路 径 之 类 的 信息 ， 或 者 刷新 环境 变量 的 配置 文件 ， 如 source 
/etc/profile 命令 等 ， 以 便 排查 问题 。 

Jenkins 除了 可 以 在 自身 服务 器 上 构建 Job 之 外 ， 也 支持 Master/Slave 方式 ， 把 其 他 
机 器 作为 子 节点 来 构建 Job。Job 构建 之 后 , 我 们 可 以 在 Console Output 中 看 到 详细 的 日 
志 ， 便 于 出 错 排 查 。 


8.3.3 ”报告 


Jenkins 有 丰富 的 插件 库 ， 可 以 显示 各 种 类 型 的 报告 ， 生 成 趋势 图 。 下 面 以 JUnit 的 
测试 报告 和 Selenium WebDriver 脚本 生成 的 HTML 报告 为 例 进 行 介绍 。 
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1. Publish JUnit test result report 


Jenkins 会 默认 安装 JUnit 插件 , 并 且 在 “插件 管理 ”一 “已 安装 ”界面 中 无 法 和 卸 载 。 
这 说 明 只 要 Jenkins 启动 完毕 ,我 们 就 可 以 在 “构建 后 操作 ”中 看 到 Publish JUnit test result 
report 选项 了 。 它 包含 以 下 参数 : 


e TestreportXMLs 指定 生成 的 XML 文件 。 例如 ，reports/TEST-*.xml 表明 在 该 
Job 的 workspace 下 的 reports 目录 中 生成 的 “TEST-” 为 首 的 XML 文件 。 

e Health report amplification factor 健康 报告 放大 因子 。 常 规 情况 下 ，1% 失败 的 
用 例 数 体现 出 来 的 是 健康 程度 99%。 如 果 设 定 了 放大 因子 ， 就 会 按照 公式 计算 : 
100.0 * Math.max (0.0, 1.0 -放大 因子 X RKA HO MARRO 。 如 果 不 想 
使 用 放大 因子 ， 将 数值 置 为 1 即 可 。 


配置 完成 后 ，Job 构建 生成 的 JUnit 报告 效果 如 图 8-11 所 示 。 


Test Result 
3 toites (62) 


All Failed Tests 


Test Name 
> Charge TK,CreatoChorge Negativo.NegatveCreateCharge MmdpeyWag InvalidAmount 
4» Charge TK CreatnCharoe Negaliva.NegatveCrmateCharge mmdoarnr invaidAmount 
- Charge TK GetCharges GetChargesyChannel Paid 
[E] Tost osun = 
4 Previous Buid All Tests 
Packago (9f) Skip (at) Pass 
3 " 34 o 





图 8-11 JUnit 展示 效果 

2. Publish HTML Reports 

安装 HTML Publisher Plugin 插件 之 后 ,在 “构建 后 操作 ”中 就 可 以 看 到 Publish HTML 
Reports 选项 了 。 它 包含 以 下 参数 : 

e HTML directory to archive HTML Reports 生成 目录 相对 于 workspace 的 路 径 。 

e Index page[s] HTML Reports 目录 中 的 某 个 文件 。 

e Reporttitle 报告 名 称 。 

如 图 8-12 所 示 ， 配 置 完成 之 后 ， 在 Jenkins Job 首页 可 以 看 到 新 增 了 一 个 菜单 项 ， 
用 于 查看 已 生成 的 HTML Report。 在 HTML Report 页 面 可 以 看 到 详细 的 测试 用 例 的 执 
了 结果， 如 图 8-13 所 示 。 
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$ Back to Dashboard . 

MN Project GHAD 
TÈ Changes 
W Workspace 
®©) Bulla Now 
© Delete Project B a 
HK Configure. = 
(fe HTML Report @ Workspace 

Bulid History as 249 Becent Changes 








图 8-12. HTML 报告 出 现在 Job 界面 








test-reports 
Start Time: 2016-04-20 18:27:51 
Duration: 0:19:39.741446 
Status: Pass 6 Error 32 





Smoke Tests 


Show Summary Failed All 


Testcase.index.Index 


test_login_negative_wrong_pwd 
test_login_negative_wrong_username 
test_login_positive_login_out 








图 8-13 HTML 报告 展示 效果 


如 果 HTML Report 页 面 上 只 显示 了 数据 ， 样 式 文件 报错 : Refused to apply inline 
style because it violates the following Content Security Policy directive: "style-src 'self". 
Either the 'unsafe-inline" keyword, a hash('sha256-g713cM4CQPc+ 
gXmbXQP6nI4IM5bzURtlig7 YvFqX170='), or a nonce ('nonce-..) is required to enable 
inline execution, 3XJé Jenkins 的 CSP 安全 策略 导致 的 。CSP 配置 明确 地 告诉 浏览 
style-src 'selp， 说 明 不 允许 外 部 资源 加 载 和 执行 。CSP 类 似 于 提供 了 访问 资源 的 白 名 单 ， 
不 符合 的 资源 会 被 阻止 加 载 。 

因此 ， 为 了 避免 HTML Report 加 载 时 报错 ， 我 们 需要 调整 Jenkins 的 CSP 配置 。 我 
们 可 以 在 启动 Jenkins 时 , 将 hudson.model.DirectoryBrowserSupport.CSP 配置 为 空 字符 串 ， 
也 可 以 通过 Jenkins Script Console 的 方式 ， 将 hudson.model.DirectoryBrowserSupport.CSP 
配置 为 允许 加 载 任意 外 部 资源 ， 代 码 如 下 : 
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System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "sandbox; default-src 'self'; 
img-src '*'; style-src '*' 'unsafe-inline';") 

CSP 配置 调整 之 后 , 网 页 的 安全 性 降低 了 , 攻击 者 有 可 能 在 发 现 漏洞 之 后 注入 脚本 。 
对 此 , 我 们 需要 加 强 用 户 权限 控制 , 让 Jenkins 服务 器 仅 能 在 公司 域内 访问 , 提高 Jenkins 
的 安全 性 。 





84 用 户 与 权限 


在 2.0 版 本 之 前 ，Jenkins 默认 不 会 进行 用 户 权 限 控制 ， 任 何人 无 须 登 录 就 可 以 进行 
Jenkins 设置 ， 更 改 Job 配置 和 启动 build 等 操作 。 而 在 2.0 版 本 之 后 ， 正 如 8.2 小 节 图 
8-4 Jenkins 安装 过 程 的 提示 信息 中 显示 ，Jenkins 会 在 安装 过 程 中 创建 admin 用 户 。 

如 图 8-14 所 示 , 在 Manage Jenkins 一 Configure Global Security 中 , 我 们 可 以 勾 选 “ 允 
许 用 户 注册 ”， 并 通过 “项 目 矩阵 授权 策略 ”新 建 用 户 /组 ， 单 独 配置 权限 。 如 果 授权 给 
一 个 未 注册 的 用 户 ， 那 么 该 用 户 名 上 会 显示 删除 线 。 而 当 该 用 户 注 册 之 后 ， 之 前 的 授权 

















Q Jenkins 专 有 用 户 数据 库 
允许 用 户 注册 
Servlet 容 器 代理 
授权 策略 
任何 用 户 可 以 做 任何 事 (没有 任何 限制 ) 
安全 矩阵 
登录 用 户 可 以 做 任何 事 
遗留 模式 
O 项 目 矩 阵 授 权 策略 


eee 


000009 


Overall Credentials Agent Job Run View SCM 


用 户 /组 











图 8-14 设置 admin 


如 果 误 将 admin 用 户 设置 为 无 权限 ， 当 前 没有 可 用 账户 来 更 新 Jenkins 安全 配置 ， 
我 们 可 以 直接 更 新 Jenkins 服务 器 上 的 配置 文件 ， 即 .jenkins 目录 中 的 config.xml。 将 
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useSecurity 的 值 设 置 为 false， 并 将 authorizationStrategy 节点 注释 。 重 启 Jenkins 之 后 ， 
即 可 在 Jenkins 页 面 上 进行 安全 配置 。 














8.5 小 结 


对 于 变幻 莫 测 的 业务 市 场 、 日 新 月 异 的 技术 领域 而 言 ， 时 间 是 当今 最 稀缺 的 资源 。 
人 人 都 希望 可 以 提高 版 本 迭代 的 效率 ， 因 此 有 关 持 续集 成 与 DevOps 之 类 的 话题 得 到 了 
越 来 越 多 的 关注 。 测试 人 员 在 不 少 公司 ,尤其 是 小 型 创业 团队 , 被 当 作 质量 “守门 人 ”， 
要 想 在 快速 迭代 的 过 程 中 保证 质量 ， 自 动 化 测试 的 成 熟 度 也 需要 不 断 地 迭 代 。 

持续 集成 涉及 的 工具 链 、 流 程 规范 、 团 队 协 作 实践 等 都 已 经 有 了 不 少 比较 成 熟 的 方 
法 论 。 篇 幅 有 限 ， 本 章 仅 从 自动 化 测试 的 角度 出 发 ， 介 绍 源码 〈 测 试 脚本 ) 同步 、 触 发 
定时 任务 、 报 告 生成 等 操作 。 


8.6 练 3 


(1) 下 载 并 部 署 Jenkins。 
(2) 在 Jenkins 上 创建 Job, 将 前 几 童 的 练 手 程序 配置 到 Jenkins 上 (可 以 在 构建 步 
又 中 选择 执行 Shell， 例 如 python hello.py) 。 
(3) 保存 Job 配置 ， 单 击 按钮 进行 构建 ， 观 察 控制 台 日 志 。 
进入 Jenkins 插件 管理 页 面 ,安装 Selenium 与 Selenium Grid 插件 。 安装 完 成 之 后 ， 
Jenkins 服务 器 就 会 成 为 Hub 角色 ， 可 支持 分 布 式 执 行 Selenium WebDriver 脚本 。 对 于 
Selenium Grid 的 Hub 与 Node 的 介绍 ， 读 者 可 以 参考 第 2 章 2.5 小 节 。 
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